Как да имплементирате GLAMI piXel през Google Tag Manager (GTM)

Процесът на имплементиране изисква попълване на информация като API ключ, код на страната и стойност на съгласието за бисквитките за всеки от четирите тага.

Добави темплейта на GLAMI PiXel в твоя workspace

Първо добавете темплейта GLAMI Pixel в работното си пространство. Той може да бъде намерен в Community Template Gallery:

Има четири вида ивента, които се проследяват от GLAMI Pixel:

• За да създадете нов таг, отидете на страницата "Tags" във вашия Tag Manager и кликнете върху "New".
• Всеки таг се състои от две части - Tag Configuration, която му казва какво да прави, и Trigger, който му казва кога да го направи.
  
  

 GLAMI Pixel - PageView (ивент 1/4)

Дайте име на първия таг "GLAMI Pixel - PageView" и като тип на етикета изберете "GLAMI piXel".
За да започнете, трябва да попълните четири елемента информация:

• API ключ - можете да го намерите в панела GLAMI. Щракнете върху "GLAMI piXel" в менюто и след това щракнете върху "Ръководство за прилагане на Glami piXel за разработчици".
• Код на държавата - Това е двубуквен код, който идентифицира държавата. Можете да го намерите като код Alpha-2 на този уебсайт: https://www.iban.com/country-codes.
  Примери: Чехия -> CZ, Италия -> IT, Румъния -> RO, България -> BG
• Стойност на съгласието за бисквитките - Това е променлива, съдържаща съгласието за бисквитките.
• Тип на проследяване - Изберете кой от четирите типа събития ще бъде.

След това трябва да изберете trigger. За този таг можете да използвате един от тригерите по подразбиране, наречен "All Pages." Това ще гарантира, че пикселът е активен на всяка страница.

GLAMI Pixel - ViewContent (ивент 2/4)

Дайте име на втория таг "GLAMI Pixel - ViewContent" и като тип на етикета изберете "GLAMI piXel".
Има четири основни информации, които трябва да се попълнят:

• API ключ - можете да го намерите в панела GLAMI. Щракнете върху "GLAMI piXel" в менюто и след това щракнете върху "Ръководство за прилагане на Glami piXel за разработчици".
• Код на държавата - Това е двубуквен код, който идентифицира държавата. Можете да го намерите като код Alpha-2 на този уебсайт: https://www.iban.com/country-codes.
  Примери: Чехия -> CZ, Италия -> IT, Румъния -> RO, България -> BG
• Стойност на съгласието за бисквитките - Това е променлива, съдържаща съгласието за бисквитките.
• Тип на проследяване - Изберете кой от четирите типа събития ще бъде.

Има и две променливи, специфични за този таг:

• Тип съдържание - Изберете дали съдържанието на страницата е конкретен продукт или категория.
• IDs на продукта - ITEM_ID на разглеждания продукт. Уверете се, че идентификаторите са същите като тези в продуктовия фийд.

За да продължите, трябва да добавите тригер към този таг.

1. Изберете типа "Page View - Window Loaded".
2. Изберете "Some Window Loaded Events".
3. Изберете "Page URL" и "contains".

Последната част ще варира в зависимост от вашия уебсайт. Трябва да бъде нещо, което се появява в URL адреса на страницата за потвърждение на поръчката. Ето няколко примера:

• “product” - https://MyWebsite.com/product/35256.html
• “item” - https://MyWebsite.com/item/donna/shoes/123

GLAMI Pixel - AddToCart (ивент 3/4)

Наречете третия таг "GLAMI Pixel - AddToCart" и като тип етикет изберете "GLAMI piXel".
Има четири основни информации, които трябва да се попълнят:

• API ключ - можете да го намерите в панела GLAMI. Щракнете върху "GLAMI piXel" в менюто и след това щракнете върху "Ръководство за прилагане на Glami piXel за разработчици".
• Код на държавата - Това е двубуквен код, който идентифицира държавата. Можете да го намерите като код Alpha-2 на този уебсайт: https://www.iban.com/country-codes.
  Примери: Чехия -> CZ, Италия -> IT, Румъния -> RO, България -> BG
• Стойност на съгласието за бисквитките - Това е променлива, съдържаща съгласието за бисквитките.
• Тип на проследяване - Изберете кой от четирите типа събития ще бъде.

Съществуват и четири променливи, специфични за този таг:

• Продуктови ID - ITEM_ID на добавения продукт.
• Име на продукта - Име на добавения продукт.
• Product price (Цена на продукта) - Цена на добавения продукт.
• Product price currency (Валута на цената на продукта) - Валута на цената на продукта.

Тъй като преглеждането на количката често не е задължително и потребителите могат да преминат директно към касата, този таг трябва да се задейства, когато потребителят добави продукта в количката.

Това може да се направи с тригера "Click - All Elements".

GLAMI Pixel - Transaction (ивент 4/4)

Дайте име на последният таг "GLAMI Pixel - Transaction" и като тип на етикета изберете "GLAMI piXel".
Има четири основни информации, които трябва да се попълнят:

• API ключ - можете да го намерите в панела GLAMI. Щракнете върху "GLAMI piXel" в менюто и след това щракнете върху "Ръководство за прилагане на Glami piXel за разработчици".
• Код на държавата - Това е двубуквен код, който идентифицира държавата. Можете да го намерите като код Alpha-2 на този уебсайт: https://www.iban.com/country-codes.
  Примери: Чехия -> CZ, Италия -> IT, Румъния -> RO, България -> BG
• Стойност на съгласието за бисквитките - Това е променлива, съдържаща съгласието за бисквитките.
• Тип на проследяване - Изберете кой от четирите типа събития ще бъде.

Има пет допълнителни променливи в този Tag:

• Идентификатор на транзакцията - Номер, използван за идентифициране на транзакцията.
• Стойност на поръчката - Общата стойност на транзакцията.
• Валута на поръчката - Валута на стойността на поръчката.
• Имената на продуктите - Имената на всички закупени продукти.
• Продуктови ID - ITEM_ID на всички закупени артикули. Уверете се, че ID са същите като тези във фийда.

Тригерът може да бъде направен по същия начин, както при ViewContent.

1. Изберете типа "Page View - Window Loaded".
2. Изберете "Some Window Loaded Events".
3. Изберете "Page URL" и "contains".

Последната част ще варира в зависимост от вашия уебсайт. Трябва да бъде нещо, което се появява в URL адреса на страницата за потвърждение на поръчката. Ето няколко примера:

• “thank_you” - https://MyWebsite.com/order/thank_you
• “orderreceived” - https://MyWebsite.com/orderreceived/24625

Моля, обърнете внимание, че точните тригери и Data Layer Variable Names, показани във видеоклипа, са само примери и трябва да бъдат адаптирани към вашия уебсайт.

Как да проверите имплементацията?

За да активирате preview mode и дебъгинг на грешки за текущия workspace:

1. Щракнете върху Preview в горния десен ъгъл на работното пространство.
2. Въведете URL адреса на сайта си.
3. Някои сайтове или страници могат да бъдат нарушени от допълнителен параметър за отстраняване на грешки, добавен към URL адреса. Ако е така, можете да премахнете отметката от квадратчето Include debug signal in the URL (Включване на сигнал за отстраняване на грешки в URL адреса).
4. Щракнете върху Connect. Вашият сайт се отваря в нов прозорец и се показва като Свързан в долния десен ъгъл.
5. Щракнете отново върху таба Tag Assistant и щракнете върху Continue (Продължи), за да получите достъп до интерфейса за отстраняване на грешки.
   
   В горната лента за навигация са изброени опции за достъп до Tags, Variables и Data Layer, а в лявата лента за навигация Summary (Обобщение) е показан списък с ивенти.

• Тагове: Щракнете върху таговете, за да видите кои тагове са били задействани и кои не са били задействани. Щракнете върху таг, за да видите характеристиките на тага и свързаните с него тригери. Когато е избран ивент в лявата колона, в раздела Тагове ще се покаже състоянието на таговете за този ивент.
• Variables: Табът Variables (Променливи) ще покаже подробна информация за променливите в избрания ивент, включително типа на променливата, типа на връщаните данни и разрешената стойност. Изберете ивент в лявата навигация, за да видите състоянието на променливите в момента на задействане на ивента.
• Data Layer: Табът "Data Layer" ще покаже точното съобщение, както е било изпратено към Data Layer-а за избрания ивент, и как изглежда Data Layer след приключване на транзакцията със съобщението. Изберете ивент в лявата навигация, за да видите състоянието на Data Layer в момента, в който ивентът се е задействал.

FAQ

Как да създам нова променлива (variable)?

За този пример ще създадем транзакционна variable ID. Първо отидете на страницата "Variable” в Tag Manager и щракнете върху “New”. Можете да я наименувате "Transaction ID" и да изберете типа "Data Layer Variable" . В "Data Layer Variable Name"  трябва да напишете пътя до тези данни, например: "ecommerce.transaction_id".

Как да проверя Data Layer Variable Name?

Отворете режим на преглед и дебъгинг в Tag Manager и изберете раздела "Data Layer".
Тук ще видите информацията, която е била вкарана в Data Layer.
За повече информация можете да посетите статията в поддръжката на Google, която е достъпна под следния линк: https://support.google.com/tagmanager/answer/6107056

Как да създам променлива GTM от  dataLayer? / Как да изпратите няколко идентификатора (IDs) в една променлива?

Продуктови IDs могат да бъдат разделени на две променливи.
Първата ще се нарича "transactionProducts" с тип "Data Layer Variable". За името на Data Layer Variable Name изберете всички продукти, например: ecommerce.items
Втората променлива ще се нарича "transactionProductsIds" с тип "Custom JavaScript". Това ще отвори ново текстово поле, в което можете да поставите следния код:

function () { return .map(function(a) {return a.id;}); }

В “GLAMI Pixel - Transaction”  Tag, може да свържете втората променлива “transactionProductsIds”.

Трябва ли да прилагам всички тагове/ивенти?

Не, но е силно препоръчително да приложите всички тагове, тъй като всеки от тях ни предоставя ценна информация, която ни позволява да оптимизираме по-добре кампаниите и да постигнем отлични резултати. Въпреки това, за най-основната функционалност на Pixel, само PageView и Transaction са задължителни.

Трябва ли да свържа всички променливи (variables) с таговете?

Не. Силно препоръчително е да изпратите всички променливи, тъй като това ни позволява да оптимизираме по-добре кампаниите и да постигнем отлични резултати.

Защо ми е необходимо съгласие за използване на бисквитки?

Параметърът за съгласие позволява на участващите магазини да коригират поведението на GLAMI PiXel въз основа на съгласието на потребителите за използване на "бисквитки". Ако съществува съгласие (value 1) или параметърът за съгласие не е зададен, GLAMI обработва данните изцяло. Ако няма съгласие (value 0), данните ще бъдат обработени анонимно, без да се използват данни за конкретен потребител.

GLAMI PiXel е от решаващо значение за оптималното функциониране на вашия електронен магазин в GLAMI. Ето защо сега той поддържа параметъра "Съгласие" (Consent), с който партньорският електронен магазин предоставя на GLAMI информация дали потребителят е изразил съгласие за създаването на аналитични бисквитки.