U okviru našeg marketplace dodatka Custom Code for Booking Engine, dostupna su dva polja za unos koda:

Custom Code for Head
Custom Code for Body

Ova polja služe za dodavanje eksternih skripti i integracija u vaš Booking Engine, kao što su Google Analytics, Google Tag Manager, Meta Pixel i slični alati.

Šta ide u `Custom Code for Head`

U polje Custom Code for Head unosi se kod koji treba da bude učitan unutar HTML taga <head>.

To su najčešće:

Google Analytics / Google Tag (gtag.js)
Meta Pixel glavni script
Google Tag Manager glavni script
verifikacioni meta tagovi
ostale tracking i analytics skripte koje dokumentacija provajdera traži da budu u <head>

Ovo je najčešće mesto za skoro sve tracking integracije.

Šta ide u `Custom Code for Body`

U polje Custom Code for Body unosi se kod koji treba da bude dodat unutar HTML taga <body>.

To su najčešće:

noscript fallback kodovi
iframe fallback kod za Google Tag Manager
noscript deo Meta Pixela
drugi kodovi za koje provajder eksplicitno navodi da treba da idu odmah posle otvaranja <body> taga

Važno: ako alat daje dva dela koda, jedan za <head> i drugi za <body>, potrebno je oba dela uneti u odgovarajuća polja.

Najčešće integracije i gde se unose

1. Google Analytics 4 / Google Tag (`gtag.js`)

Ako koristite Google Analytics 4 preko gtag.js, kompletan kod se najčešće unosi u:

Custom Code for Head

Primer tipa koda:

<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script> <script>   window.dataLayer = window.dataLayer || [];   function gtag(){dataLayer.push(arguments);}   gtag('js', new Date());   gtag('config', 'G-XXXXXXXXXX'); </script>

Gde ide: Custom Code for Head

2. Google Tag Manager (GTM)

Google Tag Manager obično dolazi u dva dela:

Deo 1: script kod

Ide u:

Custom Code for Head

Primer:

<!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXXXXX'); </script> <!-- End Google Tag Manager -->

Deo 2: noscript kod

Ide u:

Custom Code for Body

Primer:

<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->

Gde ide:

script deo → Custom Code for Head
noscript deo → Custom Code for Body

3. Meta Pixel

Meta Pixel takođe često dolazi u dva dela:

Deo 1: glavni script

Ide u:

Custom Code for Head

Primer:

<!-- Meta Pixel Code --> <script>   !function(f,b,e,v,n,t,s)   {if(f.fbq)return;n=f.fbq=function(){n.callMethod?   n.callMethod.apply(n,arguments):n.queue.push(arguments)};   if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';   n.queue=[];t=b.createElement(e);t.async=!0;   t.src=v;s=b.getElementsByTagName(e)[0];   s.parentNode.insertBefore(t,s)}(window, document,'script',   'https://connect.facebook.net/en_US/fbevents.js');   fbq('init', 'XXXXXXXXXXXXXXX');   fbq('track', 'PageView'); </script> <!-- End Meta Pixel Code -->

Deo 2: noscript fallback

Ide u:

Custom Code for Body

Primer:

<noscript>   <img height="1" width="1" style="display:none"   src="https://www.facebook.com/tr?id=XXXXXXXXXXXXXXX&ev=PageView&noscript=1"/> </noscript>

Gde ide:

script deo → Custom Code for Head
noscript deo → Custom Code for Body

4. Google Ads Conversion Tag

Google Ads conversion kod je u većini slučajeva script koji ide u:

Custom Code for Head

Ako postoji dodatni event kod ili posebna konverziona logika, ona zavisi od načina implementacije.

Najčešće: Custom Code for Head

5. Verifikacioni meta tagovi

Kodovi za verifikaciju vlasništva nad sajtom ili servisom, kao što su:

Google Search Console verification
Facebook domain verification
Pinterest verification
slični meta tagovi

obično idu u:

Custom Code for Head

Primer:

<meta name="google-site-verification" content="..." />

Gde ide: Custom Code for Head

6. Live chat, widget i third-party JS alati

Alati kao što su:

chat widgeti
CRM tracking skripte
remarketing skripte
heatmap alati
session recording alati

u većini slučajeva idu u:

Custom Code for Head

Ali obavezno pratite dokumentaciju provajdera. Ako alat izričito traži da se kod postavi u <body>, tada ga unosite u Custom Code for Body.

Kako da odredite gde ide koji kod

Najjednostavnije pravilo:

ako u uputstvu piše paste this in the <head> → unesite u Custom Code for Head
ako u uputstvu piše paste this right after opening <body> → unesite u Custom Code for Body
ako postoji <noscript> deo, on gotovo uvek ide u Body
ako postoji samo jedan standardni analytics/script kod, najčešće ide u Head

Preporuka za developere

Ako integracija daje:

samo jedan kod

najčešće ga treba staviti u:

Custom Code for Head

dva odvojena dela

onda je logika obično:

script deo → Custom Code for Head
noscript / iframe fallback deo → Custom Code for Body

Važne napomene

Kod treba kopirati bez izmena, osim ako provajder dokumentacije ne navodi drugačije.
Vodite računa da ID-jevi poput G-XXXXXXXXXX, GTM-XXXXXXX ili Pixel ID budu zamenjeni stvarnim vrednostima.
Ako niste sigurni gde kod treba da ide, pratite zvaničnu dokumentaciju alata koji koristite.
Pogrešno postavljen kod može dovesti do toga da tracking ne radi ispravno.

Kratak pregled

Integracija	Custom Code for Head	Custom Code for Body
Google Analytics 4 / Google Tag	Da	Ne
Google Tag Manager	Da	Da (`noscript`)
Meta Pixel	Da	Da (`noscript`)
Google Ads tag	Da	Uglavnom ne
Verifikacioni meta tagovi	Da	Ne
Chat / widget / third-party scripts	Najčešće da	Po potrebi