Dodawanie zmiennej szczegółów zakupu do tagów Floodlight i fragmentów kodu zdarzenia

Gdy programista stron internetowych napisze kod wypełniający zmienną szczegółów zakupu, musisz zaktualizować tagi Floodlight i fragmenty kodu zdarzenia, aby przesyłać te dane do Search Ads 360.

Jeśli korzystasz z Menedżera tagów Google, musisz zaktualizować swój kontener tak, aby używał danych przekazywanych do tablicy ecommerce.purchase.products, lub utworzyć makra, które będą przekazywać te dane do tagu Floodlight.

Ręczne aktualizowanie tagów

Jeśli szczegóły zakupu przekazujesz bezpośrednio do tagu Floodlight, najprawdopodobniej programista stron internetowych udostępnił zmienną szczegółów zakupu na stronie w obiekcie JavaScriptu lub jako zmienną niestandardową w DOM.

Załóżmy np., że programista stron internetowych udostępnił szczegóły zakupu w obiekcie JavaScriptu o nazwie floodlightSpec. Musisz wtedy zaktualizować fragment kodu zdarzenia Floodlight w ten sposób:

<!--
Event snippet for Thank You on http://www.example.com/thanks: Please do not remove.
Place this snippet on pages with events you’re tracking. 
Creation date: 11/01/2017
-->
<script>
  gtag('event', 'purchase', 
    {
      'allow_custom_scripts': true,
      'send_to': 'DC-1234567/group1/thank123+transactions',
      'transaction_id': floodlightSpec.sessionID,
      'value': floodlightSpec.revenue,
      'items': [
        {  'id': floodlightSpec.item[0].id,
           'price': floodlightSpec.item[0].price,
           'quantity': floodlightSpec.item[0].number 
        },
        {  'id': floodlightSpec.item[1].id,
           'price': floodlightSpec.item[1].price,
           'quantity': floodlightSpec.item[1].number 
        }
      ],
      'country': floodlightSpec.country,
      'language': floodlightSpec.lang
    }
);
</script>
<noscript>
<img src="https://ad.doubleclick.net/ddm/activity/src=1234567;type=group1;cat=thank123;
qty=1;cost=floodlightSpec.revenue;dc_lat=;dc_rdid=;
tag_for_child_directed_treatment=;tfua=;npa=;
ord=floodlightSpec.sessionID;prd=i1:floodlightSpec.item[0].id|p1:floodlightSpec.item[0].price|q1:floodlightSpec.item[0].number|i2:floodlightSpec.item[1].id|p2:floodlightSpec.item[1].price|q2:floodlightSpec.item[1].number|c:floodlightSpec.country|l:floodlightSpec.lang?" width="1" height="1" alt="">
</noscript>
<!-- End of event snippet: Please do not remove -->

Uwaga: Fragmenty kodu zdarzenia wygenerowane przez Search Ads 360 obejmują opcjonalny tag <noscript> zawierający tag graficzny Floodlight. Ten tag jest używany do raportowania konwersji w przeglądarkach, które nie obsługują JavaScriptu.

Aktualizowanie tagów za pomocą Menedżera tagów Google

Menedżer tagów Google pomaga w utrzymywaniu tagów w witrynie. Zamiast dodawać je i aktualizować bezpośrednio w witrynie, możesz to robić za pomocą Menedżera tagów Google, który będzie potem umieszczać w witrynie odpowiednio sformatowane tagi. Dowiedz się więcej o Menedżerze tagów Google.

Jeśli chcesz przesyłać do tagów, którymi zarządza Menedżer tagów Google, dane generowane dynamicznie – na przykład szczegóły zakupu – programista strony internetowej ma dwie możliwości:

Korzystanie z danych z warstwy danych

Jeśli programista stron internetowych udostępnia zmienną szczegółów zakupu w warstwie danych, wykonaj te czynności, aby przekazywać dane do tagu Floodlight:

• Skorzystaj z metody dataLayer.push, aby udostępniać dane w warstwie danych Menedżera tagów Google.

1. W Menedżerze tagów Google przejdź do kontenera witryny.

2. Kliknij kartę Tagi, a następnie tag transakcji Floodlight zgłaszający sprzedaż.

3. Kliknij ikonę ołówka , aby wprowadzić zmiany w tagu.

4. W sekcji „Raporty produktowe” zaznacz pole wyboru Podaj dane sprzedaży na poziomie produktu​.

5. Na liście Źródło danych wybierz Warstwa danych.
   Menedżer tagów Google będzie automatycznie korzystać z danych przesyłanych w warstwie danych w tablicy ecommerce.purchase.products.

6. Kliknij Zapisz.

7. Wyświetl podgląd zmian i je opublikuj.

Uzyskiwanie dostępu do innych danych za pomocą zmiennej

Jeśli programista strony internetowej udostępnia zmienną szczegółów zakupu w innym miejscu niż warstwa danych, wykonaj te czynności, by przekazać dane za pomocą zmiennej Menedżera tagów Google (która zastąpiła makro):

• Prześlij dane w inny sposób (na przykład w zmiennej DOM).

1. W Menedżerze tagów Google przejdź do kontenera witryny.

2. Kliknij kartę Tagi, a następnie tag transakcji Floodlight zgłaszający sprzedaż.

3. Kliknij ikonę ołówka , aby wprowadzić zmiany w tagu.

4. W sekcji Raportowanie o produkcie zaznacz pole wyboru Podaj dane sprzedaży na poziomie produktu​.

5. Na liście Źródło danych wybierz jedną z tych opcji:

   • Zmienna JavaScript, jeśli dane są sformatowane jako zmienna JavaScriptu.

   • Sformatowana wartość Floodlight, jeśli dane są sformatowane jako ciąg znaków.

6. Kliknij ikonę Dodaj zmienną obok pola Dane produktu.

7. Kliknij przycisk Nowa zmienna w prawym górnym rogu.

8. Na karcie „Konfiguracja zmiennej” kliknij ikonę ołówka  i wykonaj te czynności:

   1. Wybierz odpowiedni typ zmiennej. Jeśli na przykład dane są dostępne w zmiennej JavaScript, wybierz Zmienna JavaScript.

   2. W następnym polu wpisz nazwę obiektu zawierającego dane.

      Na przykład ta strona przesyła ciąg znaków jako zmienną globalną JavaScript.

      <script> window.salesData="i1:sku-12345|p1:100.0|q1:1|i2:sku-67890|p2:20.0|q2:2" </script>

       

9. Nazwij zmienną, edytując przestrzeń nazw na górze lub klikając Zapisz i edytując nazwę w następnym oknie. Gdy to zrobisz, w polu Dane produktu powinna pojawić się nazwa w podwójnym nawiasie.

10. Ponownie kliknij Zapisz, aby zaktualizować wersję roboczą tagu.

11. Wyświetl podgląd zmian i je opublikuj.