GA4 - kód pro měření události přidání do košíku, detail produktu

Měřící kód pro GA4 vložíte stejným způsobem jako jakýkoliv vlastní měřící kód. V kódu můžete nahradit různé proměnné za "naše" proměnné. Tím se bude dynamicky doplňovat obsah každého volání kódu.

Vložení obecného sledovacího kódu >>

 
Do měřících kódů Je potřeba vložit obecný javascriptový kód a připadně eventy pro zobrazení produktu a dokončení objednávky.

Vždy v hlavičce v "head":
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=NAHRADTE"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'NAHRADTE');
</script>



Slovo "NAHRADTE" (2x) je nutné nahradit vaším ID měřícího kódu.

Detail produktu:
<script>
gtag("event", "view_item", {
currency: '*price-currency*',
value: *price-main*,
items: [
{
item_id: '*id-product*',
item_name: '*name*',
item_category: '*tree-name*',
price: *price-main*
}
]
});
</script>

Verze kdy jako hlavní identifikátory využíváte KÓDY produktů:
 <script>
gtag("event", "view_item", {
currency: '*price-currency*',
value: *price-main*,
items: [
{
item_id: '*prod-code*',
item_name: '*name*',
item_category: '*tree-name*',
price: *price-main*
}
]
});</script> 

 

 

Měření vložení zboží do košíku
Obecně toto meření nedoporučujeme, protože se tím celá akce vložení zboží do košíku zpomalí.
Uvedený javascript nevkládejte jako obvykle do měřících kódů, ale do definice vlastního javascriptu.
Tu naleznete nastaveni: ÚPRAVA CSS / JS -> JavaScript

Uvedený kód můžete po drobné modifikaci použít i pro další služby, které umožnují podobné měření.

Verze kdy jako hlavní identifikátory využíváte systemová ID:
<script type="text/javascript">
$(document).ready(function() {

  $(".button[name^='add_basket']").click(function() {
if ($(this).attr('data-id')){

var id = '';
var pcs = $('#id_product_variant').val();

if($('#id_product_variant_'+$(this).attr('data-id')).length > 0)
  id = $(this).attr('data-id')+'-'+$('#id_product_variant_'+$(this).attr('data-id')).val();
else if($('#id_product_variant').length > 0 && $('#id_product_variant').attr("data-id")==$(this).attr('data-id'))
  id = $(this).attr('data-id')+'-'+$('#id_product_variant').val();
else id = $(this).attr('data-id');


if($('#basket_pcs').length > 0 && $('#basket_pcs').attr("data-id")==$(this).attr('data-id')) pcs = $('#basket_pcs').val();
else if($('#basket_pcs_'+id).length > 0) pcs = $('#basket_pcs_'+id).val();
else pcs = $(this).attr('data-pcs');

gtag("event", "add_to_cart", {
currency: $(this).attr('data-currency'),
value: $(this).attr('data-price')*pcs,
items: [
{
item_id: id,
price: $(this).attr('data-price'),
quantity: pcs
}
]
});

}
});

});
</script>

Verze kdy jako hlavní identifikátory využíváte KÓDY produktů:
<script type="text/javascript">
$(document).ready(function() {

  $(".button[name^='add_basket']").click(function() {
if ($(this).attr('data-id')){

var code = '';
var pcs = $('#id_product_variant').val();

if($('#id_product_variant_'+$(this).attr('data-id')).length > 0){
  code = $('#id_product_variant_'+$(this).attr('data-id')+' option:selected').attr('data-code');
  if (!code) code = $(this).attr('data-id')+'-'+$('#id_product_variant_'+$(this).attr('data-id')).val();
}
else if($('#id_product_variant').length > 0 && $('#id_product_variant').attr("data-id")==$(this).attr('data-id')){
  code = $('#id_product_variant option:selected').attr('data-code');
if (!code) code = $(this).attr('data-id')+'-'+$('#id_product_variant').val();
}
else{
code = $(this).attr('data-code');
if (!code) code = $(this).attr('data-id');
}

if($('#basket_pcs').length > 0 && $('#basket_pcs').attr("data-id")==$(this).attr('data-id')) pcs = $('#basket_pcs').val();
else if($('#basket_pcs_'+id).length > 0) pcs = $('#basket_pcs_'+id).val();
else pcs = $(this).attr('data-pcs');

gtag("event", "add_to_cart", {
currency: $(this).attr('data-currency'),
value: $(this).attr('data-price')*pcs,
items: [
{
item_id: code,
price: $(this).attr('data-price'),
quantity: pcs
}
]
});

}
});

});
</script>

Pokud si vložením kódu nejste jistí, můžete se obrátit s jeho nastavením na technickou podporu, jedná se ale o zpoplatněný úkon.