Uruchamianie tagu Floodlight przy kliknięciu

Do uruchomienia wywołania Floodlight po wykonaniu przez użytkownika określonego działania, na przykład kliknięcia, pobrania pliku PDF, wybrania pozycji z menu czy przesłania formularza, możesz użyć modułu obsługi zdarzeń JavaScript.

Opisana poniżej metoda wymaga, by w przeglądarce użytkownika była włączona obsługa JavaScriptu. Jeśli obsługa JavaScriptu jest wyłączona, wywołanie Floodlight nie zostanie wykonane.

Omówienie

Podstawowym założeniem, na którym opiera się ta metoda, jest utworzenie elementu iframe lub tagu graficznego (w przypadku tagów graficznych Floodlight) dynamicznie wykorzystującego JavaScript, ze wszystkimi wymaganymi parametrami, takimi jak zmienne niestandardowe, zmienne związane ze sprzedażą i parametry omijania pamięci podręcznej.

Ponieważ parametry używane do definiowania aktywności Floodlight (type i cat) również znajdują się w adresie URL, przy użyciu tej metody można też dynamicznie wywoływać inne aktywności Floodlight z poziomu tej samej strony. Jest to przydatne na stronach korzystających z technologii AJAX.

Funkcje opisane poniżej można wywoływać przy użyciu funkcji onclick() lub onsubmit() umieszczonej w treści pliku HTML. W przypadku zdarzeń onclick, które przekierowują do strony docelowej lub do pobierania pliku, użyj atrybutu target="_blank". W przeciwnym razie przekierowanie na tę samą kartę przeglądarki uniemożliwi poprawne uruchomienie tagu.

Więcej podobnych przykładów zaimplementowanego działającego kodu znajdziesz na tej stronie demonstracyjnej (administrator witryny może sprawdzić kod źródłowy): https://storage.googleapis.com/dcm-floodlight/Floodlight_on_Click_EXAMPLE.html

Zalecamy zaimplementowanie wszystkich deklaracji funkcji JavaScript w sekcji <head> strony internetowej.

Tej metody należy używać tylko wtedy, gdy nie ma innych możliwości, bo może mieć nieprzewidywalny wpływ na liczenie konwersji po kliknięciu. Ponieważ tag Floodlight nie jest umieszczony na rzeczywistej stronie docelowej, istnieje ryzyko zawyżenia wyniku. Jednak działanie tagu zależy od włączenia obsługi JavaScriptu, więc możliwe jest także jego zaniżenie. Metodę tę warto rozważyć w przypadku reklam prowadzących do pliku PDF. Jednak nawet w tym przypadku plik PDF można umieścić jako obiekt osadzony na stronie docelowej i na tej stronie umieścić tag Floodlight. Osadzanie obiektów na stronach docelowych zwiększa dokładność liczenia konwersji.

Przykład 1. Wywołanie standardowego tagu licznika przesyłającego zmienną niestandardową

W przykładzie poniżej użyto niestandardowej zmiennej 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">Kliknij tutaj, aby przetestować tag</a>
</body>

Przykład 2. Wykorzystanie graficznego tagu Floodlight

Pamiętaj, że użycie tagu graficznego uniemożliwi uruchomienie tagów domyślnych i tagów wydawcy.

<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">Kliknij tutaj, aby przetestować tag</a>
</body>

Przykład 3. Wywołanie tagu licznika i określenie jego typu

W tym wypadku wywołanie funkcji o wartości 1 (lub dowolnej innej wartości) dla isUnique spowoduje wywołanie tagu jako typu licznika unikalnych użytkowników z ostatnich 24 godzin, a przekazanie wartości 0 lub jej pominięcie spowoduje wywołanie tagu jako standardowego tagu licznika.

<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">Kliknij tutaj, aby przetestować tag</a>
</body>

Przykład 4. Wywołanie tagu dla zmiennych związanych ze sprzedażą

Użyj tego kodu, by utworzyć tagi określające parametry qty (liczba aktywności), cost i ord, oraz niestandardowej zmiennej 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">Kliknij tutaj, aby przetestować tag</a>
</body>

Ważne: za rzeczywisty kod użyty w witrynie z tagiem Floodlight odpowiada webmaster witryny. Dotyczy to również przeprowadzenia pełnych testów funkcjonalnych przed publikacją.

Czy to było pomocne?

Jak możemy ją poprawić?