Używanie Menedżera tagów Google do przekazywania wartości do tagów Floodlight

Podczas wdrażania tagów Floodlight w Menedżerze tagów Google możesz ustawić przekazywanie wartości ze swojej witryny do tagów, by przechwytywać główne parametry marketingowe, które następnie wykorzystasz do budowania grup odbiorców i tworzenia raportów z określonymi danymi niestandardowymi.

dataLayer to obiekt JavaScript w Menedżerze tagów Google. Udostępnia on interfejs przekazywania wymaganych wartości do makr, które można później wykorzystać do wypełniania wybranych tagów. W tym artykule wyjaśniamy, jak używać obiektu dataLayer do komunikowania się z Campaign Managerem 360 i przekazywania wymaganych wartości do tagów Floodlight. Dokładniejsze informacje znajdziesz na dostępnej w witrynie Google Developers stronie o wdrażaniu tagów internetowych w Menedżerze tagów Google.

Nowo utworzone tagi Floodlight zawierają zwykle obiekty zastępcze, które programiści stron internetowych zastępują wymaganymi wartościami w chwili wywołania tagu. Weźmy przykładowy fragment kodu:

...
document.write('<iframe
src="http://XXXXXXX.fls.doubleclick.net/activityi;src=XXXXXXXX;type=;cat=;u1=[item];qty=[quantity];cost=[price];u5=[seller];ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
</script>
...

Pogrubione elementy (item, quantity, price i seller) musiałyby zostać zastąpione przez wartości, które chcesz przekazać do tagu Floodlight. Aby zastąpić te elementy, możesz użyć systemu zarządzania treścią lub poprosić swój zespół deweloperów o przygotowanie odpowiedniego kodu.

Jeśli chcesz skonfigurować Menedżera tagów Google, aby używał zmiennych do wstawiania wartości w chwili wywoływania tagów, wykonaj poniższe czynności. Zakładamy tutaj, że Twoje konto Campaign Managera 360 jest już połączone z właściwym kontem w Menedżerze tagów Google oraz że możesz przesyłać tagi do Menedżera tagów Google i je zatwierdzać. Po wprowadzeniu zmian w Menedżerze tagów Google możesz przeprowadzić zwykłą procedurę testowania i publikacji.

Konfiguracja

1. W Menedżerze tagów Google utwórz makra na potrzeby poszczególnych wartości, które zamierzasz przekazywać.

   1. Nadaj makru opisową nazwę. Jeśli na przykład przechwytujesz nazwę zamawianego produktu, makro nazwij „product_name”.

   2. Jako typ makra ustaw Zmienna warstwy danych.

   3. Podaj nazwę zmiennej, która zostanie zadeklarowana w wywołaniu obiektu dataLayer.

   4. Jako numer wersji wybierz Wersja 2.

2. W usłudze Campaign Manager 360 utwórz tag Floodlight i włącz standardowe zmienne u.

3. Przenieś tag Floodlight do Menedżera tagów Google i zatwierdź go.

4. Edytuj tag w Menedżerze tagów Google i przypisz odpowiednie makra do różnych zmiennych u. Jeśli na przykład planujesz przechwycić nazwę produktu w zmiennej u „u1”:

   1. Wejdź do sekcji Zmienne niestandardowe.

   2. Kliknij menu rozwijane i wybierz „u1”.

   3. Kliknij ikonę makra obok pola tekstowego i wybierz makro „{{product_name}}” utworzone w kroku 1 (nawiasy klamrowe „{{}}” wskazują, że to makro, a nie zwykły tekst „product_name”).

   4. Powtórz czynności w przypadku wszystkich pozostałych zmiennych u i makr, które chcesz przechwycić.

Implementacja

W zależności od sytuacji możesz wybrać jeden z kilku sposobów implementacji obiektu dataLayer.

Metoda 1: masz już stronę potwierdzenia, która zawiera wszystkie potrzebne wartości

Niektóre witryny korzystają z systemu zarządzania treścią lub podobnego rozwiązania, by na bieżąco tworzyć otwierane strony. System zarządzania treścią może przekazywać wartości ustawione na poprzedniej stronie lub pochodzące z wewnętrznej bazy danych.

W takim przypadku wykonaj te czynności:

1. Dodaj regułę, która uruchamia tag Floodlight, gdy URL odpowiada stronie potwierdzenia.

2. Wstaw definicję obiektu dataLayer w swojej witrynie przed tagiem Menedżera tagów Google zgodnie z przykładem poniżej, zastępując wszystkie elementy w nawiasach wartościami, które chcesz przekazać (zakładamy, że nazwy wszystkich makr kończą się ciągiem _value):

   <script>
var dataLayer = [{“item_value”:item_value,
“quantity_value”:quantity_value,
“price_value”: price_value,
“seller_value”: seller_value}];
</script>

   Przykładowy wypełniony tag:

   <script>
var dataLayer = [{“item_value”:”świetne buty”,
“quantity_value”: 1,
“price_value”: 20,
“seller_value”: “szewc”}];
</script>

Gdy Menedżer tagów Google uruchamia tagi Floodlight, określone makra są zastępowane wartościami podanymi w definicji obiektu dataLayer.

Metoda 2: strony płatności i potwierdzenia mają taki sam URL lub strona korzysta z technologii AJAX (metoda JavaScript)

1. Dodaj regułę, która uruchamia tag po zdarzeniu. Możesz na przykład utworzyć zdarzenie o nazwie „purchase_complete”.

   Nazwa reguły: fire_floodlight_tag
   Warunki: {{event}} equals purchase_complete
   Tagi w tej regule: brak

2. Użyj kodu JavaScript, aby wywołać zdarzenie i przekazać wszystkie potrzebne informacje do tagu Floodlight:

   dataLayer.push = ({ “event”: “purchase_complete”,
“item_value”:item_value,
“quantity_value”: quantity_value,
“price_value”: price_value,
“seller_value”: seller_value});

   Przykładowe wypełnione wywołanie JavaScript:

   dataLayer.push = ({ “event”: “purchase_complete”,
“item_value”:”świetne buty”,
“quantity_value”: 1,
“price_value”: 20,
“seller_value”: “szewc”});

   Dodana wartość event (pogrubiona powyżej) wskazuje zdarzenie, po którym Menedżer tagów Google ma uruchomić tag Floodlight.

Metoda 3: strony płatności i potwierdzenia mają taki sam URL lub strona korzysta z technologii AJAX (metoda ze śledzeniem automatycznych zdarzeń)

Automatyczne śledzenie zdarzeń korzysta z odbiorników – specjalnego typu tagu, który umieszczony na stronie czeka na zdarzenia związane z działaniami użytkownika, a następnie tworzy zautomatyzowane zdarzenie umożliwiające wywołanie innych tagów. Zdarzenia związane z działaniami użytkownika to np. kliknięcie przycisku czy linku, przesłanie formularza lub osiągnięcie określonej wartości przez licznik czasu.

Przykład poniżej pokazuje, jak wykorzystać odbiornik kliknięć linku, by uruchamiać tag. W tym scenariuszu zdarzenie następuje wtedy, gdy użytkownik wybiera produkt, klikając go na liście lub w menu, i zostaje przekierowany na stronę z broszurą w pliku PDF do pobrania. Ta strona zawiera link do broszury. Kliknięcie tego linku chcemy śledzić jako konwersję.

Na koncie w Menedżerze tagów Google wykonaj te czynności:

1. Skonfiguruj odbiornik kliknięć linku.

   1. Wybierz Nowy tag.

   2. Podaj opisową nazwę, np. „downloadLinkListener” (to może być nazwa użyta w linku pobierania broszury w pliku PDF).

   3. W menu „Typ tagu” najedź myszą na sekcję „Detektor zdarzeń” i wybierz Detektor kliknięć linków z rozwiniętego menu po prawej stronie.

   4. Jeśli link ma kierować użytkownika na inną stronę, zaznacz Poczekaj na tagi. Nie zmieniaj pola „Maksymalny czas oczekiwania”, chyba że masz konkretny powód – np. wtedy, gdy uruchamiasz wiele tagów i chcesz mieć pewność, że wszystkie zostaną wykonane.

2. Skonfiguruj makro do przechwytywania adresu URL po kliknięciu linku.

   1. Wybierz Nowe makro.

   2. Podaj opisową nazwę, np. linkURL”.

   3. Wybierz Zmienna zdarzenia automatycznego z menu „Typ makra”.

   4. Wybierz Adres URL elementu z menu „Typ zmiennej” (pamiętaj, że ta opcja działa tylko z linkami, które korzystają ze standardowego formatu HREF, a nie z linkami w języku JavaScript).

3. Skonfiguruj makro do przechwytywania produktu wybranego przez użytkownika. Na potrzeby tego przykładu przyjmujemy, że nazwa produktu jest w menu, którego tag identyfikatora HTML to „productName”. Jeśli potrzebujesz pomocy w znalezieniu tego identyfikatora, skontaktuj się z zespołem programistów stron internetowych.

   1. Wybierz Nowe makro.

   2. Podaj opisową nazwę, np. „selectedProduct”.

   3. Wybierz Element DOM z menu „Typ makra”.

   4. W polu „Identyfikator elementu” wpisz identyfikator pola. W tym przypadku to „productName” (bez cudzysłowu).

   5. W polu „Nazwa atrybutu” wpisz value, ponieważ po wybraniu pozycji z menu zawartość tego atrybutu będzie przechwytywana.

4. Skonfiguruj regułę, która uruchamia tag odbiornika.

   1. Wybierz Nowa reguła.

   2. Podaj opisową nazwę, np. „downloadLinkClicked”.

   3. W sekcji „Warunki” wybierz {{event}} z pierwszego menu, równa się z drugiego, a w polu tekstowym wpisz gtm.linkClick.

   4. Kliknij znak plusa (+).

   5. Z pierwszego menu w nowym wierszu wybierz utworzone w kroku 2 makro {{linkURL}}, w drugim menu ustaw równa się, a w polu tekstowym wpisz URL pliku PDF do pobrania (np. http://www.example.com/pdfy/broszura1.pdf).

5. Skonfiguruj tag Floodlight do przechwytywania konwersji (jeśli został on już utworzony lub udostępniony z Campaign Managera 360, przejdź do kroku E).

   1. Wybierz Nowy tag.

   2. Podaj opisową nazwę, np. „brochureDownloadTag”.

   3. Wybierz odpowiedni typ tagu zgodnie ze swoimi potrzebami, np. „Licznik Floodlight”.

   4. Ustaw właściwe wartości identyfikacyjne tagu w „Identyfikator reklamodawcy”, „Tag grupy” i „Ciąg tagu aktywności” oraz pozostałe standardowe wartości tagu.

   5. W sekcji Zmienne niestandardowe wybierz z menu zmienną niestandardową u1 lub inną, której chcesz używać do śledzenia.

   6. Kliknij przycisk Makro obok pola tekstowego i wybierz makro {{selectedProduct}} utworzone w kroku 3.

6. Przetestuj i opublikuj elementy zgodnie z potrzebami.