How do I track e-commerce events and user activity on Sendlane for Opensend contacts?

Embed Active on Site Script to your website

If you are already using Custom integration with an existing token follow the steps below to sync the events tracking for Opensend contacts

1. Go to Integrations

2. Select Custom Integration

3. Create a new custom integration and name Store as Opensend (not any other name)

4. Select your default Opensend list where contacts will be synced and click on the Save button

In this case, there is no need to add Javascript code to the website since it would overwrite your original setup for custom integration. You only need to create a new integration called Opensend.

If you are already using Beacon tracking follow the steps below to sync the events tracking for Opensend contacts

1. Go to Integrations

2. Select Custom Integration from the available options.

3. Create a new custom integration and name Store as Opensend (not any other name)

4. Select your default Opensend List where contacts will be synced to

5. Copy the tracking code from the Opensend Custom Integration

   <script src="https://sendlane.com/scripts/pusher.js" 
   async data-token="tokenthatyouhaveincustomintegration"></script>

6. Click on the Save button

Note:

Original Beacon Script:

Before making any changes, your existing Beacon script looks like this: 

<script>
window._Sendlane = window._Sendlane || [];
</script>
<script src="https://sendlane.com/scripts/pusher.js" async></script>
<script>
_Sendlane.push({
    event_id: 'XXXXXXXXXXXXXX'
});
</script>

Instructions to Modify:

• Locate the second <script> tag in your original Beacon script:

  <script src="https://sendlane.com/scripts/pusher.js" async></script>

• Replace it with the following code, that you previously copied in the last step from your Opensend Custom Integration:

<script src="https://sendlane.com/scripts/pusher.js" 
async data-token="tokenthatyouhaveincustomintegration"></script>

This update ensures that your Beacon tracking script now includes the necessary token for the Opensend integration.

Modified Beacon Script:

Your Beacon code should look like this after updates are made, copy the adjusted code to replace in the header of your website 

<script>
<script>
window._Sendlane = window._Sendlane || [];
</script>
<script src="https://sendlane.com/scripts/pusher.js" 
async data-token="tokenthatyouhaveincustomintegration"></script>
<script>
_Sendlane.push({
    event_id: 'XXXXXXXXXX'
});
</script>

If you are not using Custom integration or Beacon tracking 

1. Go to Integrations

2. Select Custom Integration from the available options.

3. Create a new custom integration and name Store as Opensend (not any other name)

4. In the Store Settings, select Opensend list to sync new contacts

5. Click Continue
   

6. Copy the Code Script to add to your Store website to activate cookie sync between Opensend and Sendlane. This script contains the Integration Token which will allow Opensend to retrieve historical activities of all contacts in the custom List selected above.

   
    

Use Beacon event tracking

1. Go to Beacon and click on Get Beacon Code

2. Copy Beacon code

Original Beacon Script:

Before making any changes, your existing Beacon script looks like this: 

<script>
window._Sendlane = window._Sendlane || [];
</script>
<script src="https://sendlane.com/scripts/pusher.js" async></script>
<script>
_Sendlane.push({
    event_id: 'XXXXXXXXXXXXXX'
});
</script>

Instructions to Modify:

• Locate the second <script> tag in your original Beacon script:

  <script src="https://sendlane.com/scripts/pusher.js" async></script>

• Replace it with the following code, that you previously copied in the last step from your Opensend Custom Integration:

<script src="https://sendlane.com/scripts/pusher.js" 
async data-token="tokenthatyouhaveincustomintegration"></script>

This update ensures that your Beacon tracking script now includes the necessary token for the Opensend integration.

Modified Beacon Script:

Your Beacon code should look like this after updates are made, copy the adjusted code to replace in the header of your website 

<script>
<script>
window._Sendlane = window._Sendlane || [];
</script>
<script src="https://sendlane.com/scripts/pusher.js" 
async data-token="tokenthatyouhaveincustomintegration"></script>
<script>
_Sendlane.push({
    event_id: 'XXXXXXXXXX'
});
</script>

Creating and tracking custom events using Beacon

1. Go to Beacon and click on the Create Event button

   

2. Enter a Name and Description for your Event (In our example it is a viewed product page) and click on Save

   

3. Click on Get code button

   
   

4. Copy and add Event code to the website code where you want to track this event

   
   

5. After doing this, you will be able to track Beacon custom events that you created for your contacts with the help of Opensend cookie-sync.
   Results in the engagement screen when a user visits a page containing a product for the event we created above: