Tagging my website with Rekko/Charley Tracking Pixel

DWQA QuestionsCategory: Getting StartedTagging my website with Rekko/Charley Tracking Pixel
Charley Support Staff asked 4 years ago
1 Answers
Best Answer
answered 4 years ago

Tagging your website.

Charley has an integrated website tracking pixel. Similar to tagging for Google Analytics, our JavaScript tags are a snippet of code you place on each page of your website, usually through your site’s template files.

Adding our website tags enables additional features, tracking and reporting, such as:

  • Track and record the activities of subscribers as they visit your site and use that information to segment and build more targeted lists using the Build List feature
  • Track cart activity, purchases and transactional stats for list building and detailed reporting purposes
  • Recognize visitors coming from an email campaign and customize their post-click experience to increase a campaign’s conversion rate
  • Deliver real-time content to the website including ads, banners, A/B tests like Optimizely
  • Deliver recommendation and top-selling product grids (similar to Amazon) on the site and embed them in personalized email campaigns
  • Utilize our dynamic pop-on email capture campaign to dramatically increase your list building efforts

Basic Tagging

Tags are automatically loaded by the Web browser as visitors view tag-enabled pages. These tags communicate information about visitors and the actions they take throughout their session. Additionally, our tags have a unique dual function. They enable us to deliver dynamic, customized content, run automatically optimizing A/B tests, recommendations, forms, toolbars and more.

Instructions:

Tags should be placed on each page you’d like to track. We recommend that the tags be placed on every page of the site.

Copy the code below and taking care to customize the YOUR SITE NAME and YOUR SITE ID areas for your specific Charley or Rekko account. If you have questions, please contact Charley’s Support Team.

Your SITE NAME is a version of your domain that is lower-cased and without spaces. For example, if your website is called: http://www.helloworld.com, then your SITE NAME is “helloworld”.

Your SITE ID can be found in your SITE SETTINGS. Go to the Settings option in your menu grid and go into Site Settings. You’ll find it under Account Info.

<script type="text/javascript">
var cvtSiteName = "YOUR SITE NAME";
var cvtJsHost = "https://use.rekko.com/";
document.write(unescape("%3Cscript src = '" + cvtJsHost + "setup.js' type = 'text/javascript' %3E%3C/script%3E"));
</script>

<script type="text/javascript">
if(!window.convert_cart){
window.convert_cart={};
convert_cart.shoppingCartItems=new Array();
}
if(!window.convert_profile){
window.convert_profile = {};
}
window.convert = new Convert("YOUR SITE ID");
convert._init();</script>

<script type="text/javascript">
document.write(unescape("%3Cscript src = '" + cvtJsHost + cvtSiteName + "/extras.js' type='text/javascript'%3E%3C/script%3E"));
</script>

Optional Tagging for Personal Info and Custom Fields

Personal visitor information may include first name, last name, and email address while custom field tags can be used to add/track any number of additional fields you’d like to pass to us. Use optional tagging if you’d like to utilize our Custom Profile segmentation for things like Build from Database or for delivering website campaigns with custom content.

Custom fields do not need to be predefined anywhere. If a field name already exists in a particular visitor’s record, it will be updated with the value you pass. If it does not already exist, a new field will be created in the visitor record and populated with the value passed.

Instructions: These tags should be placed wherever the information is passed on your website.

Visitor Information Tagging

<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>

Optional Tagging
<script type="text/javascript">
if(!window.convert_profile){
window.convert_profile={};
}
convert_profile.zipcode="ZIPCODE";
convert_profile.customertype="CUSTOMERTYPE";
convert_profile.customVariableName1="CUSTOM1";
convert_profile.customVariableName2="CUSTOM2";
/*This type of line can be repeated for any number of custom variables*/
</script>

Tagging for Ecommerce Websites

If you sell products or services and you’d like track to purchases, include cart content or even deliver recommendations and top selling products grids in your Charley emails, then keep reading!

Product Page Tagging

Tagging on product pages allows us to gather information for Product Recommendation grids. It helps to fulfill algorithms like “people who looked at this also looked at these.”

Tag for the following on all of your product pages.

<script type="text/javascript">
window.convert_productCode="SKU";
window.convert_productCategory="CATEGORY1, CATEGORY2, CATEGORY3";
</script>

Shopping Cart Page and Checkout Pages Tagging

These tags help us identify what was added to cart and how much, as well as gather more information for Product Recommendation grids.

Tag for the following on your shopping cart page and your checkout pages (including the order confirmation!).

<script type="text/javascript">
if (!window.convert_cart) {
window.convert_cart = {};
convert_cart.shoppingCartItems = new Array();
}
/*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";
</script>

Order Confirmation Tagging

Make sure to tag the above code on your order confirmation page AND include the following. This will tell us if the visitor purchased what was in their cart or not.

<script type="text/javascript">
if (!window.convert_cart) {
convert_cart = {};
}
convert_cart.orderId="ORDER_ID";
convert_cart.isPurchased=true;
</script>

Notes to Consider:

  • If the script variables are populated before convert._init is called, then Charley will pick up the variables automatically. But if the variables are populated after convert._init is called, then you’ll need to call convert.track() method to update these values to Charley’s servers. The code should look like:
    <script type="text/javascript">
    if(window.convert && window.convert.track) {
    convert.track();
    }
    </script>