ibillboard BBmedia BBelements Ad Server kod

ibillboard-customized.md

ibillboard BBmedia BBelements Ad Server CUSTOMIZED kod

Tato ukázka slouží pro jednodušší nasazení BBelements kódů na váš web.

1. Nasaďte všechny id="bmone2n-*" kódy tam kde má být zobrazena reklama. V této ukázce jsou nastaveny i záložní reklamy ze systému Adsense, pokud BBelements nemá co zobrazit. K tomu mu slouží data atribut "eyelet" (data-eyelet), který definuje id jiného bloku, který má být místo něj zobrazen jako 'display:block'

   <!-- iBILLBOARD Ad Server one2many Pozice: go.eu.bbelements.com (19990) / Homepage M(1) / Leaderboard(1) / Leaderboard 745x100(1)-->
   <!-- HowTo: Place this code into the html page where the ad should appear. -->
   <div class="eyelet visible-md visible-lg">
   	<div id='bmone2n-19990.3.1.8' data-eyelet="sticker">
   		<noscript><div style='display:inline'><a href='https://go.eu.bbelements.com/please/redirect/19990/3/1/8/'>
   			<img src='https://go.eu.bbelements.com/please/showit/19990/3/1/8/?typkodu=img&keywords=' style='border-width:0' alt=''/></a></div>
   		</noscript></div>
   	<div id="eyelet-sticker" style="display: none">
   		<ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-slot="xxx"></ins>
   		<script>
   			(ad_var = senseToken, adsbygoogle = window.adsbygoogle || []).push({params: {google_ad_client: "ca-pub-" + ad_var}});
   		</script>
   	</div>
   </div>
   

2. Následující kód vkládáme na konec stránky, je to tzv. upravený master kód, který projde všechny id="bmone2n-*" a dá o nich vědět do master kódu.

   Je zde velice důležitá část a to volání "bmone2n.addPosition()". V dokumentaci existuje zmínka o parametrech této metody, nicméně již nesprávná.

   My tedy využijeme 5. a 6. parametr, kde je 5. parametr "bmone2n-19990.3.1.8,eyelet-sticker" a 6. "display:none,display:block". Pokud tedy není co zobrazit, master kód provede v principu $ ('#bmone2n-19990.3.1.8').css('display', 'none') a $('#eyelet-sticker').css('display','block')

   <!-- iBILLBOARD Ad Server one2many code -->
   <!-- HowTo: All the ad codes must be above this code! -->
   <!-- HowTo: It is good idea to place this code just below the last ad code. -->
   <script type='text/javascript' charset='utf-8' src='//go.eu.bbelements.com/bb/bb_one2n.js'></script><script>
   	$('[id^=bmone2n]').each(function (i, el) {
   		bmone2n.addPosition($(el).attr('id').replace('bmone2n-', ''), '', '', '', $(el).attr('id') + ',eyelet-' + $(el).data('eyelet'), 'display:none,display:block');
   	})
   	.promise()
   	.done(function () {
   		bmone2n.getAd('go.eu.bbelements.com', '', '' + (typeof(bburlparam) == 'string' ? '&' + bburlparam : ''), 'utf-8');
   	});
   </script>
   

3. Tento kód vložíte ihned za master kód a ten se vám postará o zobrazení reklam

   <script type='text/javascript'>/* <![CDATA[ */
   	$('[id^=bmone2n]').each(function (i, el) {
   		var bmone2t = $("<div/>").hide().attr('id', 'bmone2t-' + $(el).attr('id').replace('bmone2n-', ''));
   		$('body').append(bmone2t);
   		$("<script />", {
   			html: 'bmone2n.makeAd(\'' + $(el).attr('id').replace('bmone2n-', '') + '\');'
   		}).appendTo(bmone2t);
   	});
   /* ]]> */</script>
   <script type='text/javascript'>/* <![CDATA[ */
   	bmone2n.moveAd();
   /* ]]> */</script>