Scribd
Upload
5 views

Code for ads manager

The document outlines the steps to set up Google Tag Manager for tracking Facebook Pixel events on an eCommerce website, including creating tags for various events such as view_item, add_to_cart, checkout, and purchase. It also details the process for server-side tracking using Google Tag Manager and Google Analytics GA4, including the configuration of variables and triggers. Additionally, it emphasizes the importance of deduplication using event IDs for accurate data tracking.

Uploaded by

Asadul islam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views

Code for ads manager

The document outlines the steps to set up Google Tag Manager for tracking Facebook Pixel events on an eCommerce website, including creating tags for various events such as view_item, add_to_cart, checkout, and purchase. It also details the process for server-side tracking using Google Tag Manager and Google Analytics GA4, including the configuration of variables and triggers. Additionally, it emphasizes the importance of deduplication using event IDs for accurate data tracking.

Uploaded by

Asadul islam
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

1 : create google tag manager account -> create web container -> put tag base code

in your website. (if it's wordpress site so we need to use gtm plugin afer after
enable datalayer for ecommerce (thomas geiger))

2 : google tag manager ->web container -> template -> tag template -> facebook
pixel (facebookincubetor) add to work space

3 : create user define varible for pixel id (use constant variable)

4 : create tag -> facebook pixel (facebookincubetor) -> select pixel id variable -
pageview -> save -> trigger all page

5 : now we have to trigger all event


(view_item/add_to_cart/intialcheckout/purchase)
https://developers.facebook.com/docs/meta-pixel/reference

6 : create trigger for view_items event &


create view_items variable for data :

value : ecommerce.items.0.price
currency : ecommerce.items.0.currency
content_ids : ecommerce.items.0.item_id
content_type : product
content_name : ecommerce.items.0.item_name
ecommerce.items.0.item_name
ecommerce.items.0.item_id

# create tag view items :


select pixel id
select event name (viewContent)
write data variable name and select created data value
select trigger -> save

7 : create trigger for add_to_cart event &


create add_to_cart(same variable for view_items) variable for data :

value : ecommerce.items.0.price
currency : ecommerce.items.0.currency
content_ids : ecommerce.items.0.item_id
content_type : product
content_name : ecommerce.items.0.item_name

# create tag for add to cart :


select pixel id
select event name (addToCart)
write data variable name and select created data value
select trigger -> save

8 : create trigger for checkout t event &


no need data for checkout event

# create tag for checkout event :


select pixel id
select event name (checkout)
no need variable value
just select checkout trigger -> save

8 : create trigger for purchase event &


create purchase variable for data (it will be not same view_items or add_to_cart):
value : dlv - FB - Purchase value : ecommerce.value
content_name : dlv - FB - Purchase Products : ecommerce.items (not required)
currency : dlv - FB - Purchase currency : ecommerce.currencycode
content_type : product

create custom javascrip code for dynamic id


content_ids : jsv - FB - Purchase Product - AR

function() {
var items = {{dlv - FB - Purchase Products}};
return items.map(function(items) { return items.item_id; }).join();
}
function() {
var items = {{Webcoder Purchase Products ID}};
return items.map(function(items) { return items.item_id; }).join();
}

#create variable ecoomerce.items ( you have to use this name of variable : Webcoder
Purchase Products ID)
===========================================================
# create tag purchase:
select pixel id
select event name (purchase)
write data variable name and select created data value
select trigger -> save
=============================================================
server side tracking :
1 : create google tag manager for server container & create stape.oi account

2 : google cloud for automatically provission and stape.oi for manually -> copy
encrypt code and peste stape server container

3 : copy tagging server url from stape.oi -> go server container tag manager ->
admin -> container setting -> peste server container url -> save

1 : create google analytics ga4

2 : create tag for google analytices ga4 use masurement id (select -> send to
server container -> put stape.oi server url : https://icqmqfmc.use.stape.oi)

OR

go web container -> create tag -> select google analytics ga4 configaration -> put
mesurement id -> (select -> send to server container -> put stape.oi server url :
https://icqmqfmc.use.stape.oi) (we can do it web container or server container but
my suggestion web container) and trigger all page
note : go server container -> variable -> select clint name

3 : go server container -> tag template -> search facebook conversion api template
-> add workspace -> put pixel id / access token /test event / action source ->
website. & trigger -> select only (custom not custom event) -> select client name -
> equals -> GA4 (must type GA4) publish and test data
create tag -> facebook conversion api -> put pixel id / access token / test id /
trigger -> custom -> client name -> equel -> type GA4

4 : now go web container -> create tag -> event data pass for server side SST ->
Event Name :
ViewItem tag -> google analytics GA4 Event -> Configtration tag -> GA4 All Page /
GA4 Configration tag

Event Name : view_item


x-fb-cd-content_type - product
currency - BDT
value - {{dlv - GA4 - ecommerce Item value}}
x-fb-cd-content_ids- {{dlv - GA4 - ecommerce Item ID}}
items - {{dlv - GA4 - ecommerce Items}}
trigger : contentViewTrigger

Event Name : add_to_cart


x-fb-cd-content_type - product
currency - BDT
value - {{dlv - GA4 - ecommerce Item value}}
x-fb-cd-content_ids- {{dlv - GA4 - ecommerce Item ID}}
items - {{dlv - GA4 - ecommerce Items}}

trigger : addtocarttrigger

Event Name : begin_checkout


no need variable
trigger : checkouttrigger
Event Name : purchase
x-fb-cd-content_type - product
currency - BDT

value - {{dlv - GA4 - ecommerce Item value}} purchase value


x-fb-cd-content_ids- {{dlv - GA4 - ecommerce Item ID}} array varible
items - {{dlv - GA4 - ecommerce Items}}

trigger : purchaseTrigger

x-fb-cd-content_category = Content category.


x-fb-cd-content_ids = Content IDs.
x-fb-cd-content_name = Content name.
x-fb-cd-content_type = Content type.
x-fb-cd-contents = Contents array.
x-fb-cd-num_items = Number of items.
x-fb-cd-predicted_ltv = Predicted lifetime value.
x-fb-cd-status = Status.
x-fb-cd-delivery_category = Delivery category.

5 : go web container : event ID template for deduplication -> template -> search
event id (mbsearch or stape.oi) - select one and install

6 : create variable for event id

7 : use this event id variable all data layer tag


go pixel base code for pageview event -> more setting - select event id variable
go ga4 configration -> filed to set -> add new parameter = type : event_id ->
select event id variable

viewcontent -> more setting -> select fb event id


addtocart -> more setting -> select fb event id
checkout -> more setting -> select fb event id
purchase -> more setting -> select fb event id
sstviewcontent -> add new parameter -> type : event_id -> select fb event id
sstaddtocart -> add new parameter -> type : event_id -> select fb event id
sstcheckout -> add new parameter -> type : event_id -> select fb event id
sstpurchase -> add new parameter -> type : event_id -> select fb event id
ecommerce.value

You might also like