How do I use Google Tag Manager with Rekko Charley?

DWQA QuestionsCategory: Getting StartedHow do I use Google Tag Manager with Rekko Charley?
Robert Thanh Parker Staff asked 1 year ago
1 Answers
Robert Thanh Parker Staff answered 1 year ago

[vc_row][vc_column][vc_column_text]

Tagging with Google Tag Manager is simple. In this article, we’ve laid out some steps for you to follow in order to make tagging easy.

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_accordion active_tab=”false” collapsible=”yes”][vc_accordion_tab title=”1: Add Basic Tags in Google Tag Manager“][vc_column_text]Login to your google Tag manager and go to work space. Click on ‘New Tag’ as shown in screen shot.

 

Under ‘Tag Configuration’ , Choose Custom HTML.

Place Basic Tagging code (Given below)  into the Textarea.

Note: Please replace text in RED with the appropriate values.

<script src=”https://use.rekko.com/SITE_NAME/tags.js” async ></script>

Triggering

These base tags will go under all pages. So, under ‘Triggering’ , choose ‘All Pages’.

 

Once you finish, Save your changes and Publish.

To add Ecommerce and Visitor Profile tagging to your site, please continue reading the instructions below. [/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”2: Tagging Product Pages (Optional)”][vc_column_text]IMPORTANT: You must create separate tags for each tagging step mentioned below, and place them BEFORE the Rekko Base tags. Create individual rules for each tag to appear on their respective pages.

Tagging Product Pages

In order for product recommendations to work, you must tag your product pages with Product tags(given below). Create a ‘Custom HTML’ tag, like in Step 1 and place the Product tags in the Textarea as shown in following screenshot.

 

Note: Please replace text in RED with the appropriate values

<script type=”text/javascript”>
window.convert_productCode=”SKU“;
window.convert_productCategory=”Category 1, Category 2, Category 3“;
</script>

Make sure these tags are delivered only on product pages only. Please create a custom trigger,
that matches your requirement, so that it targets only product pages.

[/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”3: Tagging Checkout and Order Confirmation (Optional)”][vc_column_text]IMPORTANT: You must create separate tags for each tagging step mentioned below, and place them BEFORE the Rekko Base tags. Create individual rules for each tag to appear on their respective pages.

Tagging the Cart Page

This will allow Rekko to dynamically deliver content to the visitor based on how much and what is added to the cart. Create a ‘Custom HTML’ tag like in Step 1 and place the below cart tags into the Textarea.

Note: Please replace text in RED with the appropriate values.

<script type=”text/javascript”>
if(!window.convert_cart){
window.convert_cart={};
convert_cart.shoppingCartItems=new Array();
}
/*loop on items in the shopping cart*/
/*loop start*/
var convert_item={};
convert_item.sku=”SKU“;
convert_item.category=”Category“;
convert_item.quantity=Quantity;
convert_item.price=Price;
convert_cart.shoppingCartItems.push(convert_item);
/*loop end*/
convert_cart.totalCost=Total Cost;
</script>

Create a ‘Trigger’, so that it targets cart and other checkout pages. Finally save your changes.

Tagging the Order Confirmation Page

In order to fully utilize the Rekko Dashboard, populate your Order Confirmation Page with the tags found below. You’ll notice they include orderID, isPurchased, and shopping cart information. You’ll also need to tag the page with product information if you are going to be using Rekko’s recommendation features. Please create a ‘Custom HTML’ tag and place the below code into the Text area. 

Note: Please replace text in RED with the appropriate values.

<script type=”text/javascript”>
if(!window.convert_cart){
window.convert_cart={};
convert_cart.shoppingCartItems=new Array();
}
/*loop on items in the shopping cart*/
/*loop start*/
var convert_item={};
convert_item.sku=”SKU“;
convert_item.category=”Category“;
convert_item.quantity=Quantity;
convert_item.price=Price;
convert_cart.shoppingCartItems.push(convert_item);
/*loop end*/
convert_cart.totalCost=Total Cost;
convert_cart.taxes=Taxes;
convert_cart.discount=Discount;
convert_cart.shipping=Shipping;
convert_cart.promoCode=”Promo Code“;
convert_cart.orderId=”Order ID“;
convert_cart.isPurchased = true;
</script>

Create a Custom Trigger, so that it points to order confirmation page only. [/vc_column_text][/vc_accordion_tab][vc_accordion_tab title=”4: Tagging Visitor Profiling and Custom Variables (Optional)”][vc_column_text]IMPORTANT: You must create separate tags for each tagging step mentioned below, and place them BEFORE the Rekko Base tags. Create individual rules for each tag to appear on their respective pages.

 

Tagging for Visitor Information

Tagging for visitor information ensures that Rekko is receiving the visitor’s First and Last name, as well as their email address. This allows Rekko to deliver personalized marketing campaigns to your visitors. Paste the tags below into Google Tag Manager as seen in the screenshot. These tags should appear on pages where visitor information is available.

 

Note: Please replace text in RED with the appropriate values.

<script type=”text/javascript”>
if(!window.convert_profile){
window.convert_profile = {};
}
convert_profile.firstName = “firstname“;
convert_profile.lastName = “lastname“;
convert_profile.email = “email“;
convert_profile.login = “login“;
</script>

[/vc_column_text][/vc_accordion_tab][/vc_accordion][/vc_column][/vc_row]