Octeth Training Center
Octeth Training Center
Website Event Tracking

Website Event Tracking

Website Event Tracking

Introduction

Welcome to the help guide for Octeth’s Website Event Tracker, a powerful feature designed to enhance your email marketing campaigns by providing deep insights into your visitors' activities on your website. This guide is intended to help you understand, set up, and effectively use the Website Event Tracker to its full potential.

The Website Event Tracker allows you to monitor various visitor actions on your site, including page views, contact form submissions, conversions, and other custom-defined events. This functionality enables you to collect valuable data about how subscribers interact with your website, which can be used to trigger specific automations and personalize your marketing efforts based on actual user behavior.

For instance, if a visitor submits a contact form on your site, Octeth can identify this action and initiate a tailored automation sequence, such as sending a series of emails over the following days. Similarly, when a known visitor views a product or purchase page, you can instantly send them a targeted marketing email to encourage a purchase. The Website Event Tracker opens up a wide range of possibilities for engaging your audience more effectively.

This article will walk you through what the Website Event Tracker is, how to configure it on your Octeth installation, and how to leverage it for various marketing objectives. Whether you are new to website event tracking or looking for ways to optimize your current strategies, this guide will provide you with the necessary information and steps to make the most out of this feature.

Integrating the Website Event Tracker with Your Website

Integrating Octeth's Website Event Tracker into your website is a straightforward process that involves adding a small piece of JavaScript code to your site. This setup will enable you to start capturing valuable data on your visitors' interactions with your site. Here's how to do it:

Step 1: Obtain the Tracker Code

  1. Log in to your Octeth user area.
  2. Navigate to the dashboard of the subscriber list you want to track.
  3. Click on the "Event Tracker" link located on the left side menu.
  4. You'll be presented with a JavaScript code snippet. This is the code you'll need to insert into your website.

Step 2: Insert the JavaScript Code

  • Copy the JavaScript code provided in the Event Tracker section.
  • Paste this code into the <head> part of the HTML of your website pages. This ensures that the Octeth Website Event Tracker is loaded and becomes available on your website.

Step 3: Start Capturing Page Views

  • To track page views, add the following JavaScript code snippet just before the </body> tag or within the <head> section of your website:
    • <script>
octethTracker.pageView();
</script>

This code snippet enables Octeth to track every page view on your website.

Step 4: Identify Your Visitors

  • When a visitor submits any form on your site that includes an email address (e.g., contact forms, lead generation forms, or purchase forms), you can identify this visitor with the following code:
    • <script>
octethTracker.identify(email, properties);
</script>
  • Here is an example of how to use octethTracker.identify() upon form submission:
    • <script>
// This example assumes that your contact form ID is #contact-form
// name input field ID is #name and email input field ID is #email.
document.addEventListener('DOMContentLoaded', function() {
    var form = document.getElementById('contact-form');
    form.addEventListener('submit', function(event) {
        event.preventDefault();
        octethTracker.identify(document.getElementById('email').value, {
            name: document.getElementById('name').value
        });
        form.submit();
    });
});
</script>

In this example, we're assuming that the contact form's ID is "contact-form".

Step 5: Tracking Conversions

  • On the thank-you page displayed after an order is placed on your website, implement the following code to track conversions:
    • <script>
octethTracker.trackConversion(conversionId, conversionName, conversionValue, properties);
</script>

Step 6: Track Custom Events

  • To monitor custom events, like a button click, use the following JavaScript code:
    • <script>
document.addEventListener('DOMContentLoaded', function() {
    var button = document.getElementById('learn-more');
    button.addEventListener('click', function(event) {
        var eventName = 'Learn More Clicked';
        // You can track unlimited amount of properties
        var properties = {
            property1: 'value1',
            property2: 'value2'
        };
        octethTracker.trackEvent(eventName, properties);
    });
});
</script>

With these steps, you've successfully set up Octeth's Website Event Tracker on your site. Now, you're ready to gather insights and engage your subscribers more effectively through targeted automations based on their website behavior.

Setting Up Automated Journeys Based on Website Events

After successfully integrating the Website Event Tracker on your website, the next step is to leverage this data by triggering automated actions or journeys in response to specific events. Octeth’s journeys feature allows you to automate email marketing campaigns based on the interactions that visitors have with your website, such as filling out a contact form. Here’s how you can set up these automated journeys:

Step 1: Accessing Journeys

  1. Log into your Octeth account.
  2. Navigate to “Campaigns > Journeys” from the top menu to access the journeys dashboard.

Step 2: Creating a New Journey

  1. Click on the option to create a new journey.
  2. You will be presented with various triggers to choose from. For this example, select the "Trigger when website visitor identification event occurs" trigger.
    3. image
  3. You have the flexibility to apply this journey to a specific subscriber list or across all lists.

Step 3: Setting Trigger Criteria

  1. Define your trigger criteria based on the specific website event you want to act upon. For example, you can set the journey to trigger when a visitor is identified on the contact form page.
  2. To do this, specify the page URL or the event name that corresponds with the form submission or any other visitor identification event.
    3. image

Step 4: Configuring Journey Actions

After creating your journey and setting the trigger criteria, you will be directed to a page where you can define the actions that the journey will execute:

  1. Initial Delay: You might start by setting an initial delay, such as waiting for 30 seconds before taking the next action. This can be useful to avoid appearing too instantaneous or automated.
  2. Subscription Actions: An action can be to subscribe the identified visitor to another list. This list could have a series of autoresponders set up to engage the visitor over a predetermined period, like the next 7 days, with targeted content.
  3. Customization and Further Actions: Beyond subscribing users to a list, you can tailor the journey with a variety of actions based on your marketing goals and the insights gathered from the event tracker. This could include sending a personalized welcome email, offering discounts, or providing information relevant to the visitor's actions on your site.

Remember, the key to successful journeys is relevance and timing. Tailor each journey to the actions your visitors take on your website, ensuring that every automated email adds value and encourages further engagement.

Best Practices

  • Test Your Journeys: Before fully implementing, test your journeys to ensure they perform as expected.
  • Segment and Personalize: Use the data collected by the Website Event Tracker to segment your audience and personalize the journey’s actions for different visitor behaviors.
  • Monitor and Optimize: Regularly review the performance of your journeys. Use the insights gained to refine and optimize for better engagement and conversion rates.

By following these steps, you can create dynamic, responsive email marketing campaigns that resonate with your audience and drive meaningful engagement based on real-time data from your website.

Integrating Website Event Tracker and Journeys via Octeth API

For advanced users and developers looking to integrate Octeth's Website Event Tracker and automate journeys programmatically, the Octeth API offers powerful capabilities. This section outlines how to use the API for retrieving event tracker codes, website event properties, subscriber events, and setting up journeys.

Getting the Event Tracker Code and Properties

Retrieve Subscriber List Details

To get the JavaScript website event tracker code and website event properties of a specific list, you can make a List.Get API call.

This call returns detailed information about the subscriber list, including the event tracker code that you need to insert into your website.

Retrieving Website Events of a Subscriber

To access the website events logged for a specific subscriber, use the Subscriber.Get API call.

This API call provides you with the subscriber's details and their associated website events, allowing for targeted follow-up actions based on their interactions with your website.

Setting Up a Journey via API

To automate marketing actions based on website events, you can set up a journey using the Journey.Create API call.

This API call allows you to define the journey's trigger, criteria, and actions programmatically. For example, you can set up a journey that starts when a specific website event occurs, such as a form submission, and then define a series of actions like sending an email series, subscribing the visitor to a list, or any other predefined action.

How to Use the API

Explore the Octeth Developer Portal for further information on API utilization.

Best Practices

  • Error Handling: Implement error handling to catch and respond to any issues that may arise during the API call.
  • Security: Securely store your API keys and tokens, and ensure that API calls are made over HTTPS.
  • Rate Limits: Be mindful of any rate limits that apply to the Octeth API to avoid service disruptions.

Utilizing the Octeth API for integrating the Website Event Tracker and setting up automated journeys offers flexibility and customization for developers. By automating these processes through the API, you can create a highly tailored and efficient email marketing strategy that responds dynamically to your subscribers' interactions with your website.

💠
image

Homepage Customer Area Community Portal Contact Us

Footer Social Icons

©Copyright Octeth, Inc. All rights reserved.