Voici la procédure à suivre pour placer deux campagnes sur une même page:
- Préparer deux div dans le "body" de votre document html, à l'endroit où vous désirez voir apparaître la campagne:
<div id="[id du div 1]" class="qualifio_iframe_wrapper"></div>
<div id="[id du div 2]" class="qualifio_iframe_wrapper"></div> - Insérer dans la page le code javascript suivant dans le "head" de votre document html. Ce code ne doit être présent qu'une seul fois.
<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');
</script> - Insérer une fois par campagne le code js suivant dans le "header" de votre document html en remplacent XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX par l'id de cotre campagne:
<script type="text/javascript">
_qual_async.push(['createIframe', '[id du div 1]', 'player.qualifio.com', '20', 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', '100%', '350', '', '', '', 'max-width:1000px;margin:0 auto;']);
_qual_async.push(['createIframe', '[id du div 2]', 'player.qualifio.com', '20', 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', '100%', '500', '', '', '', 'max-width:1000px;margin:0 auto;']);
</script>