This process is intended to increase accuracy when using cross-site tracking - going from an external landing page to Shopify. Please note that you *must* be familiar with JavaScript to complete this setup.

__________________________________________________

Step #1

When adding or editing an Offer in Everflow, be sure of the following:

  • You have entered the landing page URL as the Base Destination URL.
  • Direct Linking is enabled under Tracking & Control.

For more information on Offer setup - [Click here]

Step#2

Follow the steps in this article from Shopify to set up the permalink to take users from your landing page to the checkout page within your Shopify store.

Step #3

Place this custom JavaScript into the <head> of your website. Please note that this is not universal code, which means that the code that grabs the button will need to be changed. Be sure to replace {insert_your_tracking_domain} with your own domain.

<script type="text/javascript" 
src="https://{insert_your_tracking_domain}/scripts/sdk/everflow.js"></script>

<script type="text/javascript">
EF.click({
offer_id: EF.urlParameter('oid'),
affiliate_id: EF.urlParameter('affid'),
sub1: EF.urlParameter('sub1'),
sub2: EF.urlParameter('sub2'),
sub3: EF.urlParameter('sub3'),
sub4: EF.urlParameter('sub4'),
sub5: EF.urlParameter('sub5'),
uid: EF.urlParameter('uid'),
transaction_id: EF.urlParameter('_ef_transaction_id'),
}).then(function(transaction_id) {

/*The following section is specific to your landing page setup and requires knowledge of JavaScript*/

var EFcheckoutURL = document.getElementById('Iea67b141cf994bd794ca73d2f9977963_sys_button').children[0].href
var url = new URL(EFcheckoutURL);
url.searchParams.append('attributes[eftid]', transaction_id);
document.getElementById('Iea67b141cf994bd794ca73d2f9977963_sys_button').children[0].href = url.href
});
</script>

Step #4

In Shopify, navigate to Settings > Checkout.

Step #5

Place this code in the Additional Scripts section. Be sure to replace {insert_your_tracking_domain} with your tracking domain and {advertiser_id} with the Advertiser ID found on the offer page in Everflow.

<script type="text/javascript" 
src="https:// {insert_your_tracking_domain}/scripts/sdk/everflow.js"></script>

<script type="text/javascript">
var EFTID = "{{ attributes.eftid }}";
var aid = {advertiser_id};
var amount = Shopify.checkout.subtotal_price;
var order;
if (Shopify.checkout.discount != null) {
order = {
oid: Shopify.checkout.order_id,
amt: Shopify.checkout.subtotal_price,
bs: Shopify.checkout.shipping_address ? Shopify.checkout.shipping_address.province : '',
bc: Shopify.checkout.shipping_address ? Shopify.checkout.shipping_address.country : '',
cc: Shopify.checkout.discount.code,
items: []
};
} else {
order = {
oid: Shopify.checkout.order_id,
amt: Shopify.checkout.subtotal_price,
bs: Shopify.checkout.shipping_address ? Shopify.checkout.shipping_address.province : '',
bc: Shopify.checkout.shipping_address ? Shopify.checkout.shipping_address.country : '',
cc: "",
items: []
};
}
Shopify.checkout.line_items.forEach(function (line_item) {
var item = {};
item['ps'] = line_item.sku;
item['p'] = line_item.price;
item['qty'] = line_item.quantity;
order.items.push(item);
});
EF.conversion({
aid: aid,
amount: amount,
order: order,
order_id: Shopify.checkout.order_id,
transaction_id: EFTID,
parameters: {'email':Shopify.checkout.email}
})
</script>

_______________________________________________________________

NEED HELP? OUR CUSTOMER SUCCESS TEAM IS HERE FOR YOU!

We've assembled a superstar team of industry veterans that are available around the clock to make sure that your issues are resolved and questions are answered. You can reach out any time in-platform via Chat or by emailing support@everflow.io.

Did this answer your question?