Вызов тега Floodlight по клику

Инициировать вызов Floodlight, когда пользователь выполняет какое-либо действие, можно при помощи обработчика событий JavaScript (примеры действий – клик по объявлению, скачивание файла PDF, выбор пункта в меню, отправка заполненной формы).

Для работы описанного ниже метода в браузере пользователя должен быть включен JavaScript. В противном случае вызов Floodlight выполнен не будет.

Обзор

Метод заключается в том, что система с помощью JavaScript динамически создает теги iframe или графические теги Floodlight со всеми необходимыми параметрами, включая пользовательские и коммерческие переменные, а также блокировку кеша.

Так как параметры, определяющие действие Floodlight (type и cat), присутствуют и в URL, этот метод можно использовать для вызова различных действий Floodlight динамически с одной и той же страницы. Это особенно полезно для страниц, созданных с помощью AJAX.

Описанные ниже функции можно активировать с помощью вызова onclick() или onsubmit() в теле HTML. В случае с событиями onclick, которые перенаправляют пользователя на целевую страницу или к файлу, предназначенному для скачивания, необходимо использовать атрибут target="_blank". В противном случае перенаправление будет выполнено без открытия новой вкладки браузера и тег не сработает так, как нужно.

Дополнительные примеры реализации вызовов Floodlight приведены на странице https://storage.googleapis.com/dcm-floodlight/Floodlight_on_Click_EXAMPLE.html (администратор сайта может посмотреть ее код).

Объявлять все функции JavaScript следует в разделе <head> веб-страницы.

К этому методу нужно прибегать только при отсутствии альтернатив, так как есть риск, что его использование непредсказуемым образом скажется на учете конверсий по клику. Поскольку тег Floodlight не размещается на фактической целевой странице, результат подсчета может показать слишком много конверсий. И наоборот: поскольку тег зависит от того, активирован ли JavaScript, конверсий может быть указано меньше, чем их было на самом деле. Такой метод можно использовать с объявлением, после нажатия на которое пользователю открывается файл PDF. Но даже в этом случае файл можно разместить на целевой странице как встроенный объект, используя на этой странице тег Floodlight. Встраивание объектов в целевые страницы позволяет добиться более точного учета конверсий.

Пример 1: вызов стандартного тега счетчика, передающего пользовательскую переменную

В примере ниже присутствует пользовательская переменная u1.

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD1(type, cat, u1) {
        var axel = Math.random()+"";
        var a = axel * 10000000000000000;
        var flDiv=document.body.appendChild(document.createElement("div"));
        flDiv.setAttribute("id","DCLK_FLDiv1");
        flDiv.style.position="absolute";
        flDiv.style.top="0";
        flDiv.style.left="0";
        flDiv.style.width="1px";
        flDiv.style.height="1px";
        flDiv.style.display="none";
        flDiv.innerHTML='<iframe id="DCLK_FLIframe1" src="http://12345678.fls.doubleclick.net/activityi;src=12345678;type=' + type + ';cat=' + cat + ';u1=' + u1 + ';ord=' + a + '?" width="1" height="1" frameborder="0"><\/iframe>';
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD1('testtype', 'testcat', 'testu1');" target="_blank">Click here to test the tag</a>
</body>

Пример 2: использование тега изображения для Floodlight

Помните, что при использовании тегов изображений не активируются теги издателя и теги по умолчанию.

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD2(type, cat, u1) {
        var axel = Math.random()+"";
        var a = axel * 10000000000000000;
        var spotpix = new Image();
        spotpix.src="http://ad.doubleclick.net/activity;src=12345678;type=" + type + ";cat=" + cat + ";u1=" + u1 + ";ord=" + a + "?";
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD2('testtype', 'testcat', 'testu1');" target="_blank">Click here to test the tag</a>
</body>

Пример 3: вызов тега счетчика и указание на его тип

В этом случае вызов функции со значением 1 (или типовым значением) для isUnique активирует тег в качестве счетчика конверсий уникальных пользователей за 24 часа. В свою очередь, если значение равно 0 или отсутствует, тег активируется как стандартный счетчик.

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD3(type, cat, isUnique) {
        var axel = Math.random()+"";
        var a = axel * 10000000000000000;
        var flDiv=document.body.appendChild(document.createElement("div"));
        var cachebust = (isUnique)?';ord=1;num=':';ord=';
        flDiv.setAttribute("id","DCLK_FLDiv1");
        flDiv.style.position="absolute";
        flDiv.style.top="0";
        flDiv.style.left="0";
        flDiv.style.width="1px";
        flDiv.style.height="1px";
        flDiv.style.display="none";
        flDiv.innerHTML='<iframe id="DCLK_FLIframe1" src="http://12345678.fls.doubleclick.net/activityi;src=12345678;type=' + type + ';cat=' + cat + cachebust + a + '?" width="1" height="1" frameborder="0"><\/iframe>';
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD3('testtype', 'testcat', 1);" target="_blank">Click here to test the tag</a>
</body>

Пример 4: вызов тега для переменных, связанных с продажами

Ниже приведен код, предназначенный для создания тегов с параметрами qty (количество действий), cost и ord, а также с пользовательской переменной (u1).

<head>
<script type="text/javascript" id="DoubleClickFloodlightTag">
//<![CDATA[
function FLOOD4(qty, cost, u1, ord) {
        var flDiv=document.body.appendChild(document.createElement("div"));
        flDiv.setAttribute("id","DCLK_FLDiv1");
        flDiv.style.position="absolute";
        flDiv.style.top="0";
        flDiv.style.left="0";
        flDiv.style.width="1px";
        flDiv.style.height="1px";
        flDiv.style.display="none";
        flDiv.innerHTML='<iframe id="DCLK_FLIframe1" src="http://12345678.fls.doubleclick.net/activityi;src=12345678;type=123;cat=456;qty=' + qty + ';cost=' + cost + ';u1=' + u1 + ';ord='+ ord + '?" width="1" height="1" frameborder="0"><\/iframe>';
}
//]]>
</script>
</head>
<body>

<a href="http://address_of_page_to_load_or_file_to_download" onclick="FLOOD4(2, 100.34, 'testu1', 'testorderid');" target="_blank">Click here to test the tag</a>
</body>

Важно! За выбор и модификацию кода отвечают администраторы сайта, на котором будет размещен тег Floodlight. То же относится к тщательному предварительному тестированию тега.

Эта информация оказалась полезной?

Как можно улучшить эту статью?