Nisi programer, ali želiš da dodaš pixel na WordPress sajt danas ću ti pokazati kako to da uradiš.
Facebook Meta Pixel nije samo tehnologija koja ti omogućava da pratiš posete sajtu, već je to ključni alat koji ti pomaže da razumete ponašanje posetilaca i optimizujete svoje facebook marketing kampanje.
Facebook Pixel (sada Meta Pixel) je mali kod koji se ubacuje na sajt i služi da prikuplja podatke o posetiocima sajta.
Pomoću njega možemo da pravimo retargeting reklame, tj. da puštamo reklame svim posetiocima sajta ili kupcima ili čak onima koji su posetili samo određene strane.
Tako da je Pixel jako bitan alat u Facebook Oglašavanju.
Više o njemu ćemo pisati u posebnom blogu, a sada pređimo na stvar:
Prvi način da dodate Facbeook Pixel je kroz dodatak ili plugin po imenu WPCode.
WPCode je dodatak za WordPress, sa kojim korisnici mogu lako dodati različite vrste koda na svoje web stranice bez potrebe za direktnim uređivanjem teme ili PHP datoteka.
WP code je koristan za dodavanje koda na vasu veb stranicu, a da bi ste to uradili potrebno je da ga instalirate i aktivirate.
To mozete uciniti odlaskom na dodatke (plugins) u vasem dashboard-u.
Nakon što je plugin instaliran i aktiviran, trebalo bi da vidite novu opciju u meniju vašeg dashboard-a pod imenom ‘WPCode‘.
Kada preuzmete kod sa vašeg Facebook Business Managera, kod kopirate u Code Snippet.
Drugi način za dodavanje Meta Pixela je kroz upotrebu Google Tag managera.
Google Tag Manager je namenjen da ubacite sve kodove (tagove) koje želite, kao što su:
Facebook Pixel, Google Analitika, Google Ads i slično.
Svaki kod se unosi kao jedan TAG i kroz njega možete upravljati svim tim kodovima (tagovima)
1. Potrebno je da odete na Google Tag Manager i nakon što se ulogujete kreirate svoj nalog (account).
Upišete neko ime, zemlju koju želite, zatim ime “containera” takođe proizvoljno i izaberete Web ukoliko ćete ga implementirati na sajtu.
2. Pojaviće nam se GTM (Google Tag Manager) kod koji se sastoji iz dva dela. Head i Body. Prvo kopiramo Head i kreiramo novi snippet putem WPCode plugina na našem sajtu.
3. Upisujemo prvi deo koda, dodajemo naslov, gore desno štikliramo da bude active i sačuvamo snippet na “Save Snippet”
4. Upisujemo drugi deo koda, ali ispod u drugoj sekciji biramo opciju Site Wide Body
5. Idemo u Google Tag Manager i biramo Add a new tag, zatim kliknemo na polje sa slike.
6. Biramo opciju Custom HTML
7. Upisujemo Meta Pixel kod, biramo triggering: All Pages i SAVE
Ukoliko želite da instalirate bez plugina (dodatka), to možete uraditi tako što ćete ubaciti Google Tag Manager kod direktno u fajlove sajta.
Iskopirajte ovu skriptu i ubacite je u svoj functions.php. BITNO: Uslov je da imate ubačenu Child temu.
Child tema je ona koja se dobija uz glavnu temu i prazna je, služi da se u nju ubace modifikacije koje se nakon ažuriranja teme ne menjaju.
Tako da ako vam je uključena Child tema, idite u Appearance > Theme File Editor i upišite sledeći kod
add_action( ‘wp_head’, ‘gtm_header_code’ );
function gtm_header_code() {
// YOUR JAVASCRIPT CODE GOES BELOW
?>
<!– 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-XXXXX’);</script>
<!– End Google Tag Manager –>
<?php
}
add_action( ‘wp_body_open’, ‘gtm_footer_cod’ );
function gtm_footer_code() {
// YOUR JAVASCRIPT CODE GOES BELOW
?>
<!– Google Tag Manager (noscript) –>
<noscript><iframe src=”https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX”
height=”0″ width=”0″ style=”display:none;visibility:hidden”></iframe></noscript>
<!– End Google Tag Manager (noscript) –>
<?php
}
