Vrei sa afli cati utilizatori parcurg (dau scroll la) 25% sau 100% din oricare pagina de pe site-ul tau? Pentru asta ai nevoie de Scroll Depth Tracking in site-ul tau, iar Google Tag Manager te ajuta sa implementezi usor aceasta functionalitate.

Cu Scroll Tracking, afli informatii despre comportamentul utilizatorilor in site-ul tau si ce procent din articolele sau paginile tale au fost vizualizate. Pe masura ce vizitatorii dau scroll pe o pagina din site-ul tau, Scroll Tracking inregistreaza procentajul total din pagina vizualizat, care poate fi 00%, 25%, 50%, 75% sau 100%. Cum poti vedea aceste date si cum poti profita de aceasta functionalitate? Iti voi arata in acest articol!

Cum pot folosi Scroll Tracking?

Cel mai mare beneficiu este ca poti seta in GTM ca anumite tag-uri (codul de Facebook, un pop-up de abonare etc.) sa se declanseze atunci cand userul a ajuns la un anumit procent din pagina. De aici rezulta:

  • Poti colecta o audienta de remarketing mai relevanta – poti de exemplu ‘strange’ doar userii care au vazut minim 50% din pagina

  • Poti arata un pop-up dupa ce userul a aratat interes fata de un articol sau un produs, vizualizand de exemplu 75% din continut

  • Afli cand isi pierde un user interesul – daca cei mai multi abandoneaza un articol la 25% din pagina, este posibil sa nu fi reusit sa le captezi atentia inca de la inceput

  • Poti optimiza elemente dintr-un landing page, poti face a/b testing etc.

De ce am nevoie pentru Scroll Tracking?

Cum implementez Scroll Tracking?

Pasul 1: Te loghezi in contul de Google Tag Manager, destinat site-ului in care doresti sa implementezi functionalitatea.

Pasul 2: Creezi un tag Custom HTML (eu l-am denumit Scroll Tracking), in care introduci scriptul mentionat mai sus, intre tag-urile <script> </script>.

Cum setezi Scroll Tracking folosind Google Tag Manager

O mica schimbare trebuie sa ii faci codului: sa adaugi inainte de </script> urmatoarele linii (ca in urmatorul screenshot):

jQuery(function() {

jQuery.scrollDepth();

});

Cum setezi Scroll Tracking folosind Google Tag Manager

Pasul 3: Setezi paginile in care se va activa tag-ul. Poate fi sectiunea din blog din site-ul tau, o categorie de produse sau orice alte pagini de interes.

Pentru a seta pe care pagini doresti sa se inregistreze datele, selectezi Some Page si creezi un nou Trigger, in care definesti url-ul. De exemplu, daca vrei sa urmaresti doar blogul si cuvantul blog se afla in link-ul fiecarei pagini, setezi ‘Page url contains blog’.

Cum setezi Scroll Tracking folosind Google Tag Manager

Pasul 4: Salvam tag-ul si il testam cu Preview and Debug.

Cum setezi Scroll Tracking folosind Google Tag Manager

Deschide site-ul tau intr-un nou tab si da-i refresh, iar in partea de jos vei avea un preview de la GTM. Tag-ul se va activa doar pe url-urile setate. In cazul nostru tag-ul se activeaza cand accesez oricare pagina din blog.

Cum setezi Scroll Tracking folosind Google Tag Manager

Ne uitam la Tags si dand scroll pe pagina observam ca apare o serie de eventuri numite Scroll Distance. Ne uitam in Data Layer sa vedem ce date sunt acolo si putem observa informatii despre Scroll Tracking, atat in pixeli, cat si in procente.

Cum setezi Scroll Tracking folosind Google Tag Manager

Alte eventuri care apar sunt cele de Scroll Timing, care ne arata in cate milisecunde a ajung vizitatorul la acel procent din pagina.

Cum setezi Scroll Tracking folosind Google Tag Manager

Pasul 5: Cream variabile care ne vor permite sa extragem aceste date din Data Layer. Vom seta 3 variabile: eventCategory, eventAction si eventLabel, fiind datele care ne intereseaza.

Cum setezi Scroll Tracking folosind Google Tag Manager

Mergem in GTM la Variable – Create new – denumim variabila, selectam tipul Data Layer Variable si o configuram cu numele exact ca in Data Layer (de exemplu, eventCategory).

Cum setezi Scroll Tracking folosind Google Tag Manager

Testam cu Preview sa vedem daca variabilele inregistreaza date (pentru asta, dam refresh la pagina).

 Cum setezi Scroll Tracking folosind Google Tag Manager

Pasul 6: Dam Publish. Scroll Depth Tracking este activ.

Cum vad datele?

Pentru a vedea datele in Google Analytics, vom crea inca un tag in GTM, de tipul Google Analytics, pe care il vom seta sa se activeze la Custom event – ScrollDistance. Asta inseamna ca in GA vom putea urmari la Events (Behaviour – Events) date despre procentul de continut vizualizat pe diverse pagini (impartite pe procente: 25%, 50%, 75%, 100%).

Cum setezi Scroll Tracking folosind Google Tag Manager

Cum setezi Scroll Tracking folosind Google Tag Manager

Cum setezi Scroll Tracking folosind Google Tag Manager

Dam Publish si mergem in GA, in Real Time, pentru a vedea daca eventul nostru inregistreaza date. In cazul nostru, functioneaza! 🙂

Cum setezi Scroll Tracking folosind Google Tag Manager

Trebuie sa recunosc ca m-am pierdut putin atunci cand am implementat prima data Scroll Tracking.  Poate si tu vei pati la fel, dar te asigur ca datele pe care le vei obtine merita tot efortul. Spor si cat mai multe eventuri de 100%! 🙂 

Evenimentele din Google Analytics te pot ajuta sa afli informatii vitale pentru campaniile tale de marketing, iar in situatia in care nu ai tot timpul la dispozitia ta un programator, setarea acestora prin Google Tag Manager va fi o revelatie.

In articolul Evenimente in Google Analytics: Ce sunt si cum le implementam am povestit ce sunt evenimentele in Google Analytics(GA) si am urmat pasii unei implementari clasice. In acest articol iti voi prezenta o alternativa la acest proces.

1. Ce este Google Tag Manager

Google Tag Manager este un instrument gratuit care te ajuta sa introduci coduri de marketing in site fara ajutorul unui programator. In functie de platforma site-ului tau, ai nevoie de ajutor pentru o singura setare initiala.

Tag Manager - prima pagina

Cand iti faci contul de Google Tag Manager, vei primi un cod javascript pe care trebuie sa il pui in fiecare pagina din site. Aici fie gasesti un plugin care sa faca asta pentru tine, daca ai un site pe o platforma open source, fie vorbesti cu amicul programator sa o faca el.

O data ce ai pus acest cod in site, vei avea „un loc rezervat” unde sa introduci multe alte coduri pe care le folosesti in strategia ta de marketing. Printre cele mai cunoscute exemple de scripturi sunt: codul de remarketing si conversie de la Google AdWords si Facebook si codul de Google Analytics.

2. Implementare evenimente GA prin Google Tag Manager

Dupa cum spuneam mai sus, Google Tag Manager este un instrument prin care poti sa pui scripturi in site, fara sa ai nevoie de acces in codul site-ului tau si fara sa stii (neaparat) javascript. Ai o interfata user-friendly prin care poti seta ce informatii sa transmita codul tau, unde sa fie el plasat si in ce conditii sa se activeze.

In cele ce urmeaza voi reface pasii pe care i-am parcurs setand pentru site-ul nostru o serie de evenimente GA.

Tga Manager - evenimente

Cu ceva timp in urma am publicat acest articol Certificate de rezidenta fiscala 2016: Facebook, Google, LinkedIn si Twitter, unde ne-am propus sa punem toate certificatele de rezidenta fiscala pe care le primim, astfel incat oricine are nevoie de ele sa le poata downloada.

Bineinteles ca daca echipa de marketing s-a ocupat de acest articol, am fost curiosi sa aflam cati utilizatori sunt interesati de certificate si mai ales care dintre ele vor fi cele mai populare.

Metoda cea mai potrivita, prin care am ales sa inregistram aceste statistici, a fost sa setam cate un eveniment Google Analytics pe fiecare din link-uri.

Pasul 1 – Identificarea unei variabile pentru acel element

Inainte de a putea crea un cod nou si seta regulile de activare, a fost nevoie sa gasesc o caracteristica unica prin care am putut sa ii comunic lui Tag Manager ca acesta este elementul pe care il urmaresc.

Astfel, in limbajul folosit in Tag Manager, a fost nevoie sa gasesc o variabila si sa identific valoarea unica pe care o are elementul vizat.

Ceea ce am facut mai departe a fost sa intru in modul Preview astfel am:

  • intrat in interfata Tag Manager
  • dat click in coltul din dreapta sus pe optiunea “Preview”
  • deschis site-ul intr-un tab nou

preview-tagmanager

O data ce am intrat in articolul de blog, am facut click pe textul pe care vreau sa il urmaresc si am vazut, in bara de jos, in tab-ul “Data Layer” ca mi-au aparut informatii pe care Tag Manager le poate vedea legate de elementul meu.

Identificare-variabila

In situatia de fata eu am ales sa ma folosesc de variabila element (gtm.element) si am copiat valoarea elementului, egala cu “http://www.netlogiq.ro/wp-content/uploads/2016/02/Romania-2016.pdf”.

Pasul 2 – Crearea unui Trigger

Al doilea pas pe care il faci este sa creezi un Trigger nou (declansator) pentru evenimentul tau. Trigger-ul are rolul de a-i spune lui Tag Manager cand si in ce conditii sa activeze codul tau.

Urmand pasii exemplificati in imagine am setat pe rand: denumirea, tipul de trigger, targetul si variabila de la pasul 1.

exemplu setare trigger / declansator tag manager

Astfel am setat:

  • cand se activeze codul – acel onclick, din setarea manuala

  • pe ce element specific sa se activeze, setand valoarea variabilei

Pasul 3 – Crearea unui nou Tag

De fiecare data cand vei dori sa introduci coduri in site prin Tag Manager, vei creea un tag nou. In cadrul acestui tag vei pune sau seta codul propriu-zis, si vei asocia triggerele si variabilele create anterior.

Urmand pasii exemplificati in imaginea de mai jos, am :

  • stabilit ca voi crea un cod pentru Google Analytics (primele 2 setari)

  • configurat codul, setand ce informatii sa transmita tag-ul: categoria, actiunea si labelul(eticheta) evenimentului

  • am asociat tag-ul cu trigger-ul creat, astfel setand o regula pentru cand sa se activeze codul

Setari-tag

Pasul 4 –  Verificarea tag-ului creat

Inainte de a publica noul tag creat, Tag Manager iti pune la dispozitie acel mod preview, prin care poti sa vezi daca ti se activeaza corect codul.

Astfel am intrat in modul Preview si m-am uitat in tab-ul “Tags”. In aceasta zona vei gasi codurile care s-au activat (Tags fired on this page) si codurile care nu sunt active (Tags not fired on this page).

Verificare - 1

Inainte sa dau click pe link, am verificat ca tag-ul sa nu fie activ, dupa care am dat click pentru a vedea daca codul meu va ajunge in zona “Tags fired on this page”.

Verificare - 2

Dupa ce ai parcurs acesti pasi, tot ce iti ramane de facut este sa dai “Publish” si sa astepti click-urile din partea utilizatorilor si bineinteles raportul din Google Analytics.

Analytics-events

PS: Castigatorul pana in acest moment este certificatul de rezidenta fiscala pentru Facebook.