How to display two campaigns on a single page

Aurélien Berhin -

Please follow this procedure to display two qualifio campaigns on one single page:

  1. Prepare two containers (<div>) where you want your campaigns to show up:

    <div id="[id for div 1]" class="qualifio_iframe_wrapper"></div>
    <div id="[id for div 2]" class="qualifio_iframe_wrapper"></div>

  2. Insert this javascript into the head section of your page. This javascript must be loaded only once, even for multiple campaigns:

    <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>

  3. Once per campaign, insert this javascript code into the header of your document, and replace XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX  with the campaign id:

    <script type="text/javascript"> 
    _qual_async.push(['createIframe', '[id for div 1]', 'player.qualifio.com', '20', 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', '100%', '350', '', '', '', 'max-width:1000px;margin:0 auto;']);
    _qual_async.push(['createIframe', '[id for div 2]', 'player.qualifio.com', '20', 'XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX', '100%', '500', '', '', '', 'max-width:1000px;margin:0 auto;']); 
    </script>

 

 

Powered by Zendesk