All Collections
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:

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

window.onload = function() {
var urlParams = new URLSearchParams(;
var encodedValue = urlParams.get('encoded_value');

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.

window.onload = function() {
var urlParams = new URLSearchParams(;
var encodedValue = urlParams.get('encoded_value');

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.

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.


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

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"
<script type="text/javascript">{
offer_id: EF.urlParameter('oid'),
affiliate_id: EF.urlParameter('affid'),
transaction_id: EF.urlParameter('__ef_tid'),


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

Did this answer your question?