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
undefinedzamiast 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.