Please follow this procedure to display two qualifio campaigns on one single page:
- 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> - 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> - 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>