All Collections
Offers
Pre-landers, Offer Walls and Listicles
Pre-landers, Offer Walls and Listicles
How to set up a pre-lander, offer wall or listicle with a coding sample for reference
Ashley Carrow avatar
Written by Ashley Carrow
Updated over a week ago

Table of Contents


Using Traditional Redirects

**Please note that general knowledge of coding with HTML and JavaScript is required to complete this process.

General Concept and Reporting

The offer wall / listicle will exist as one offer, while each offer within that offer wall / listicle will also exist as individual offers. In reporting, you will see the clicks that are going to the offer wall / listicle as well as the clicks to each of those individual offers.

Code Example

To be placed on the offer wall / listicle page:

HTML:
<a href="XXX" id="button-1"><button>Button 1</button></a><br><br>
<a href="XXX" id="button-2"><button>Button 2</button></a><br><br>
<a href="XXX" id="button-3"><button>Button 3</button></a><br><br>

JavaScript:
<script>
window.onload = function() {
var urlParams = new URLSearchParams(window.location.search);
var encodedValue = urlParams.get('encoded_value');
document.getElementById('button-1').href="https://{INSERT_YOUR_TRACKING_DOMAIN}/"+encodedValue+"/{INSERT_OFFER_ENCODED_VALUE}/"
document.getElementById('button-2').href="https://{INSERT_YOUR_TRACKING_DOMAIN}/"+encodedValue+"/{INSERT_OFFER_ENCODED_VALUE}/"
document.getElementById('button-3').href="https://{INSERT_YOUR_TRACKING_DOMAIN}/"+encodedValue+"/{INSERT_OFFER_ENCODED_VALUE}/"
}
</script>

Step #1

The buttons within the HTML need to have the appropriate IDs or class names. If you use a class name, you will need to associate document.getElementByClassName instead of document.getElementById to them to make them "selectable" within the JavaScript. In the example, see "button-1", "button-2", and "button-3" here.

We will be using JavaScript to replace the href="" value with the partner tracking link we create dynamically inside the script section.

If desired, you may add sub1 - sub5 parameters using the sample code below.

JavaScript:
<script>
window.onload = function() {
var urlParams = new URLSearchParams(window.location.search);
var encodedValue = urlParams.get('encoded_value');
document.getElementById('button-1').href="https://{INSERT_YOUR_TRACKING_DOMAIN}/"+encodedValue+"/{INSERT_OFFER_ENCODED_VALUE}/?sub1="+sub1+"&sub2="+sub2+"&sub3="+sub3+"
document.getElementById('button-2').href="https://{INSERT_YOUR_TRACKING_DOMAIN}/"+encodedValue+"/{INSERT_OFFER_ENCODED_VALUE}/?sub1="+sub1+"&sub2="+sub2+"&sub3="+sub3+"
document.getElementById('button-3').href="https://{INSERT_YOUR_TRACKING_DOMAIN}/"+encodedValue+"/{INSERT_OFFER_ENCODED_VALUE}/?sub1="+sub1+"&sub2="+sub2+"&sub3="+sub3+"
}
</script>

Step #2

Set the offer's Base Destination URL of the offer wall / listicle offer with the following parameters and macros appended:

?encoded_value={affiliate_encoded_id} or &encoded_value={affiliate_encoded_id}

Step #3

Grab the Encoded Value for each of the individual offers from the Offers - Manage > Select the Offer > General card > Details and insert it where it says {INSERT_OFFER_ENCODED_VALUE} in the code snippet above.

Additionally, you will need to replace {INSERT_YOUR_TRACKING_DOMAIN} with the tracking domain found on the same page in the conversion method section here.

Step #4

To test, generate a tracking link for the offer wall / listicle offer and then click a button on the offer wall / listicle page to make sure it redirects to the correct offer. You will see a click for the offer wall / listicle offer as well as the individual offer.


Using Direct Linking

1. AD (Google/Facebook/Affiliate Link):

User clicks (CLICK 1) on AD and lands on your PreLander / Offer Wall.

https://PrelanderPage.com?__ef_tid=9f3e7c3bef2d4b6ba0c2bf4bcee45310&oid=11&affid=2

2. PreLander / OfferWall page:
From the Offer Wall, the User clicks (CLICK 2) on a link to reach the final Offer.

The same URL parameters must be appended to CLICK 2 so that they are passed through to the Offer Page.

?__ef_tid=9f3e7c3bef2d4b6ba0c2bf4bcee45310&oid=11&affid=2

3. Advertiser/Offer page:
User lands on the final Offer page with all the same parameters passed from the first Ad.

https://Offerpage.com?__ef_tid=9f3e7c3bef2d4b6ba0c2bf4bcee45310&oid=11&affid=2

4. To use this model with Direct Linking, the JS SDK Click Script is placed on the Offer Page. When the click is fired to Everflow, it is rejected as a duplicate click, but is saved by the first party cookie. Finally, conversions are attributed to the click based on that cookie.

<script type="text/javascript"
src="https://www.trackingdomain.com/scripts/sdk/everflow.js"></script>
<script type="text/javascript">
EF.click({
offer_id: EF.urlParameter('oid'),
affiliate_id: EF.urlParameter('affid'),
transaction_id: EF.urlParameter('__ef_tid'),
});</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?