Przejdź do treści

GTM. Zmienna JavaScript. Dynamiczne wartości z DOM i window bez pushu.

Na czym to polega w sklepie

Custom JavaScript to funkcja anonimowa zwracająca wartość przy każdym odpaleniu tagu. Użyj, gdy dane są w DOM, ale nie ma ich w dataLayer - np. cena w meta tagu Open Graph.

Przykład ze sklepu internetowego

Na stronie produktu SKU jest w meta - bez osobnego pushu od devów:

// Zmienna GTM: JS - product_sku
function() {
  var meta = document.querySelector('meta[property="product:sku"]');
  return meta ? meta.getAttribute('content') : undefined;
}

// Użycie w GA4 Event view_item
items = [{ item_id: {{JS - product_sku}}, quantity: 1 }]

Co zrobić po stronie biznesu

  • JS variables są kruche przy redesignie - długoterminowo lepszy push do dataLayer.
  • Nie odwołuj się do zewnętrznych bibliotek, które mogą nie być załadowane.
  • Zwracaj undefined zamiast pustego stringa - łatwiejsza walidacja w triggerach.

W skrócie

JavaScript Variable to rozwiązanie awaryjne, gdy dev nie zdążył dodać pushu. Dla ecommerce docelowo i tak standaryzuj dataLayer.