GuidesNewsDiscussions

HTML-баннер Sizmek

Suggest Edits

1. Порядок действий

1.необходимо в интерфейсе SuperSniper в поле Ссылка для перехода добавить макросы {DEEP_LINK_UNESC} и {TR_KEY}. Написать нужно так: {DEEP_LINK_UNESC}{TR_KEY}

2.в HTML-код баннера нужно добавить JS-переменные linkGeneral и link1,link2,link3.
Также необходимо добавить переменную rnd и присвоить ей макрос {RND}. Этот макрос будет заменен случайным числом.

❗️

ВАЖНОЕ ЗАМЕЧАНИЕ!

ЕСЛИ ПАРАМЕТР S_TRK НА САЙТ КЛИЕНТА ПРОБРАСЫВАТЬ НЕ НУЖНО --- МАКРОС {TR_KEY} В ПОЛЕ ССЫЛКА ПЕРЕХОДА УКАЗЫВАТЬ НЕ НУЖНО
УКАЗЫВАЕМ ТОЛЬКО МАКРОС {DEEP_LINK_UNESC}

755

Пример того как можно добавить эти переменные в код баннера указан ниже 

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title>Index</title>
  <script> 
  var linkGeneral = '{LINK_ESC}'; 
  var link1, link2,link3; 
  var rnd={RND};
  </script>
</head>
<body>
</body>
</html>

Следующим шагом, будет добавление JS-скрипта, который собственно и обеспечивает возможность иметь несколько кликовых ссылок в баннере.

🚧

Обратите внимание!!

Рекомендуется вынести JS-код, указанный ниже в отдельный файл и подключать как внешний ресурс

var linkGeneralHasUrlEncode = decodeURI(linkGeneral) !== linkGeneral,
    links = ['https://www.volkswagen.ru/ru/models/polo.html?s_trk=','https://www.volkswagen.ru/app/configurator/vw-ru/ru/?s_trk=', 'https://www.volkswagen.ru/app/dccforms/vw-ru/test-drive/ru/?s_trk='];  
     
    if (linkGeneralHasUrlEncode) {
        link1= linkGeneral + encodeURIComponent('&dp=' + encodesafe64(links[0]));
        link2= linkGeneral + encodeURIComponent('&dp=' + encodesafe64(links[1]));
        link3= linkGeneral + encodeURIComponent('&dp=' + encodesafe64(links[2]));
 
     } else {
        link1 =linkGeneral + '&dp=' + encodesafe64(links[0]);
        link2 =linkGeneral + '&dp=' + encodesafe64(links[1]);
        link3 =linkGeneral + '&dp=' + encodesafe64(links[2]);
      
     } 
 
    function encodesafe64(data2encode) {
     var retdata = window.btoa(data2encode);
     retdata = retdata.replace(/\//g, '_');
     retdata = retdata.replace(/\+/g, '-');
     retdata = retdata.replace(/=/g, '*');
     return retdata;
     }
     
     var baseScriptUrl = "https://bs.serving-sys.com/BurstingPipe/adServer.bs?cn=rsb&c=28&pli=22489968&PluID=0&w=240&h=400&ord="+rnd+"&ncu=$$![sdt1]$$&LineID=$$";
     var clicks = "click1=" + link1 + "|" +
                  "click2=" + link2 + "|" +
                  "click3=" + link3 + "|" + "platform1=adsniper$$";
    clicks = encodeURIComponent(clicks);
 
    baseScriptUrl += clicks;
 
    document.write("<scr"+ "ipt src='"+baseScriptUrl+"'></scr"+"ipt>");

Описание ключевых элементов в коде

  • в массив links добавляются все ссылки перехода в баннере

Полный пример HTML-баннера с JS-кодом Sizmek

<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title>Index</title>   
  var linkGeneral = '{LINK_ESC}'; 
  var link1, link2,link3; 
  var rnd={RND};
  </script>
</head>
<body>
  <script src="https://fl.imgsniper.com/li_banner/engineer2017/files/script7.js"></script>
  </body>
</html>

Updated about 6 years ago