Implementace s reloadem pozic na onclick událost

Naposledy změněno ZdVo 2018/02/19 10:42

Komentáře (0) · Přílohy (0)

Ukázka níže ukazuje implementaci Asynchronních kódu, kde jsou funkce pro reload pozic.

Při prvotním načtení dojde k prvnímu requestu všech pozic do Ad Server (ibbAds.tag.requestAndPlaceAds()) a zobrazení všech reklam.

Na stránce jsou definována celkem tři tlačítka (reload leaderboard, reload square, reload all), které prostřednictvím onclick události odkazují na jednotlivé reload funkce.
Reload funkce pak prostřednictvím metody requestAndPlaceAds zašle v argumentu informaci o pozici/pozicích, které chcete opětovně načíst.

<!DOCTYPE html>
<html>
<head>
   <title>Testovací stránka iBB Support</title>
   <meta name="charset" content="utf-8"/>
   <link rel="stylesheet" type="text/css" media="all" href="style/styles.min.css" />
   <script id='ibbTagEngine' src='//bbcdn-static.bbelements.com/scripts/ibb-async/stable/tag.js'></script>
   <script>
     var adserver = ibbAds.tag.useAdProvider('BbmEu');
          adserver.manageAdSlot('leaderboard', '10452.10.1.3');
          adserver.manageAdSlot('square', '10452.10.1.2');
     var getIbbId = ibbAds.tag.useDataProvider('BbnautIdDataProvider', {
           url : '//bbcdn-static.bbelements.com/scripts/ibb-async/stable/plugins/BbnautIdDataProvider.js'
       });
          adserver.attachData("ibbid", getIbbId);
          adserver.attachData("key1", "value1");
          ibbAds.tag.requestAndPlaceAds();

    function reloadLeaderboard() {
                ibbAds.tag.requestAndPlaceAds('leaderboard');
            }

    function reloadAll(){
                ibbAds.tag.requestAndPlaceAds(['square','leaderboard'])
            }

    function reloadSquare() {
                ibbAds.tag.requestAndPlaceAds('square');
            }

   </script>


</head>
<body>
<button onclick="reloadLeaderboard();">RELOAD LEADERBOARD</button>
<div id='leaderboard'></div>

<button onclick="reloadAll();">RELOAD ALL POSITIONS</button>

<button onclick="reloadSquare();">RELOAD SQUARE</button>
<div id='square'></div>

</body>

</html>

Značky:

Vytvořeno ZdVo 2017/03/21 13:03

Implementace s reloadem pozic na onclick událost

Navigace

AdServer v2