• English
  • Français
  • Español

New: Javascript embed tag available

Advantages of the new Javascript embed tag

For any Qualifio campaign, embed tags are provided by Qualifio Manager to be integrated in the source code of your HTML page. It can be done directly in the page (via an editor) or via a CMS (if source mode is possible).

For the last few weeks, a new Javascript embed code is available in Qualifio Manager

It is composed of a layer (DIV) to define the position of the game and of a script to load the game in this position :
<div id="qualifio_insert_place_001"></div><script type="text/javascript">(function(b,o,n,u,s){var
a,t;a=b.createElement(u);a.async=1;a.src=s;t=b.getElementsByTagName(u)[0];t.parentNode.insertBefore(a,t);o[n]=o[n]||[]}) (document,window,'_qual_async','script','//player.qualifio.com/kit/qualp.2.min.js');_qual_async.push(['createIframe', 'qualifio_insert_place_001', 'player.qualifio.com', '12', '8AFCAD60-E5C3-2018-6B54-722B05F05688', '100%', '1200', '']);</script>

The integration of this new tags does not require any set-up at your side. (As a reminder, in the previous version, a crossDomainEnabler.html file had to be placed on your website).

What are the advantages of the new Javascript tag ?

  1. The game is loaded in an asynchronous mode, which means that the loading of the game will not block any other element of the page;
  2. The height and width of the game will automatically adjust to its content (for old browser versions like IE8, it is recommended to define a height);
  3. The active screen is memorised in session: if a participant leaves the page and come back later, he/she will be back at his/her original position;
  4. It is possible to call an external function in the parent page, for example a call to the adserver giving instruction to refresh ad material.
  5. It is possible to embed two or more games in a same page.
  6. To know where do you participants comme from; each time someone participates to a Qualifio campaign that uses Javascript embed thanks to an URL that contains UTM parameters [Source, Medium, Name, Term, Content], these values are automatically added in the reporting module to the line of his/her participation.
  7. From a massive e-mailing, it is possible to prefill an identity form, by passing variables or default values in the tag:

<div id="qualifio_insert_place_001"></div><script type="text/javascript">(function(b,o,n,u,s){var a,t;a=b.createElement(u);a.async=1;a.src=s;t=b.getElementsByTagName(u)[0];t.parentNode.insertBefore(a,t);o[n]=o[n]||[]}) (document,window,'_qual_async','script','//player.qualifio.com/kit/qualp.2.min.js');
_qual_async.push(['createIframe', 'qualifio_insert_place_001', 'player.qualifio.com', '12', '8AFCAD60-E5C3-2018-6B54-722B05F05688', '100%', '1200', '&var1=xxxx&var2=yyyy']);</script>

It is recommended to URL encode these variables.

If CRM varibles are passed in the URL, the form will be prefilled with the variables. For example :

<div id="qualifio_insert_place_001"></div><script type="text/javascript">(function(b,o,n,u,s){var a,t;a=b.createElement(u);a.async=1;a.src=s;t=b.getElementsByTagName(u)[0];t.parentNode.insertBefore(a,t);o[n]=o[n]||[]}) (document,window,'_qual_async','script','//player.qualifio.com/kit/qualp.2.min.js');
_qual_async.push(['createIframe', 'qualifio_insert_place_001', 'player.qualifio.com', '12', '8AFCAD60-E5C3-2018-6B54-722B05F05688', '100%', '1200', '&firstname=Jack&lastname=Russel&email=jack@qualifio.com']);</script>

What are the disadvantages of this new tag ?

There are no disadvantages 😉 However, some CMS do not allow to paste Javascript tags in an article.

You have 2 alternatives if this is the case :

1. The iFrame tag (HTML)

This is an HTML tag and not a Javascript tag.

Advantages :

  • Its is also possible to play two or more games in the same page;
  • It is also possible to pass variables in the URL calling the game :

<iframe src="http://player.qualifio.com/12/v1.cfm?id=8AFCAD60-E5C3-2018-6B54-722B05F05688&firstname=Jack&lastname=Russel&email=jack@qualifio.com" id="qualifio68224" width="100%" height="1200" scrolling="auto" frameborder="0" hspace="0" vspace="0"></iframe>

Disadvantages :

It does not adjust its height with the content of the game;

  • It cannot interact with Javascript functions in the parent page;
  • It can not memorise at which step the participant has left the game or closed his/her browser.

2. The Webview

It is the direct link to the game. This mode is generally used to embed a game in a native mobile application.

Advantage :

It is also possible to pass variables in the URL calling the game :
http://player.qualifio.com/12/v1.cfm?id=8AFCAD60-E5C3-2018-6B54-722B05F05688&firstname=Jack&lastname=Russel&email=jack@qualifio.com

Disadvantages :

  • It does not adjust its height with the content of the game;
  • It cannot interact with Javascript functions in the parent page;
  •  It can not memorise at which step the participant has left the game or closed his/her browser.

qualifio

What is Qualifio?

Qualifio is the leading interactive marketing and data collection platform, enabling businesses to easily create and publish viral interactions on websites, mobile apps and social media.Learn more

Co-founder – Managing director

Serge brings more than 15 years of experience in IT and web development, with a solid expertise in programming languages, database and infrastructure. His previous experience includes RMB (Régie Media Belge), where he was responsible for all Internet projects; ATOS Origin; and Fondation Hergé.
© 2017 Qualifio.com - Contact Us