Dodawanie stopera

Stoper pozwala mierzyć czas trwania dowolnego działania w kreacji – na przykład to, jak długo użytkownik gra w grę.

W przypadku korzystania ze stoperów warto zastanowić się, które interakcje mają je zatrzymywać. Jeśli na przykład liczysz, jak długo użytkownik gra w daną grę, stoper powinien zatrzymać się, gdy użytkownik kliknie przycisk zamykania lub wyjścia.Zadbaj o to, by stoper zatrzymywał się za każdym razem, gdy użytkownik przestanie grać w grę lub ją opuści.

Dodawanie stopera za pomocą aplikacji Google Web Designer

1. Otwórz panel „Zdarzenia” i kliknij przycisk plusa (+), by przypisać zdarzenie do żądanego obiektu.
2. W wyskakującym okienku zdarzeń jako źródło wybierz wystąpienie obiektu.
3. Kliknij kolejno Obszar kliknięcia i Kliknięcie.
4. W oknie zdarzeń otwórz panel „Działanie” i kliknij Reklama Google, a następnie Włącz licznik.
5. Otwórz panel „Odbiornik” i kliknij gwd-ad.
6. Otwórz panel „Konfiguracja” i wprowadź identyfikator danych, którego chcesz używać na potrzeby śledzenia. Zapamiętaj identyfikator podawany w tym miejscu, bo będziesz go potrzebować do zatrzymania stopera.
7. Powtórz te same czynności, by zatrzymać stoper. Użyj tego samego identyfikatora danych, który został podany w poprzednim kroku.
8. Kliknij Zapisz. Kod śledzenia zostanie automatycznie dodany do określanego elementu, więc nie musisz już edytować jego kodu źródłowego.
9. Wyświetl podgląd reklamy w wybranej przeglądarce.
10. Opublikuj reklamę w Studio.

Dodawanie stopera za pomocą dowolnego edytora HTML

1. Utwórz dwa przyciski w kreacji za pomocą tagów <div>. Dodaj te elementy w pliku HTML i określ ich style w pliku CSS. Następnie przypisz różne identyfikatory start-timer i stop-timer.

   Przykładowy obiekt w tagu <div> w pliku HTML:

   <div id="start-timer">START TIMER</div>
<div id="stop-timer">STOP TIMER</div>

   Przykładowy selektor stylu i identyfikatora w pliku CSS:

   #start-timer {
       position: absolute;
       width: 130px;
       height: 20px;
       top: 60px;
       left: 25px;
       cursor: pointer;
   }
   
   #stop-timer {
       position: absolute;
       width: 130px;
       height: 20px;
       top: 85px;
       left: 25px;
       cursor: pointer;
   }

2. Uruchom stoper za pomocą tej metody JavaScript: Enabler.startTimer(timerId:String);
3. Zatrzymaj stoper za pomocą tej metody JavaScript: Enabler.stopTimer(timerId:String);
   • timerId to nazwa stopera widoczna w raportach. Wybierz nazwę, która pomoże Ci powiązać stoper ze śledzonym działaniem.Możesz zmienić nazwę tego stopera podczas przesyłania kreacji do Studio lub trafikowania kreacji w usłudze Campaign Manager 360.
   • Aby można było zatrzymać stoper, timerId w funkcji stopTimer musi być zgodny z identyfikatorem używanym w startTimer. Wielkość liter w identyfikatorze jest rozróżniana, dlatego pamiętaj o tym, by użyć dokładnie tego samego ciągu znaków.
   • Aby używać tych metod, musisz najpierw dołączyć i zainicjować bibliotekę Enabler.

Fragment kodu

function startTimerHandler(e) {
    Enabler.startTimer('My Timer');
}
document.getElementById('start-timer').addEventListener('click',
startTimerHandler, false);

function stopTimerHandler(e) {
    Enabler.stopTimer('My Timer');
}
document.getElementById('stop-timer').addEventListener('click',
stopTimerHandler, false);