How to add your Prelandings and link them to your offers.

Image for post
Image for post
cokolads

Time to check a bit of your HTML code. The following steps are pretty easy to manage. First of all, open your HTML code and go to LandingTrack.

On the Menu side click on > Landers and then button > +Create Lander.

Simply add a Name to your Lander/Prelanding, a description (not mandatory), and your HTML URL.

Example: Http or https://myprelanding.com/ and append to the URL the domain token bellow the field — ?domain={{DOMAIN}} Then save it.

Image for post
Image for post

Right after saving you will see your new prelanding so we need to click on > Edit Lander button to grab the code that will be placed within our HTML body.

Image for post
Image for post

Click on the button > Edit Lander.

In case you need to catch more than one value/token, feel free to add the following options and append them to your URL.

Once the click happens the information will be transmitted to your Pre landing. For example, the following set up will be catching the BROWSER, COUNTRY (From LandingTrack database), and also DATA1 (which match with the OS system on our traffic source) → ie: if you run with PopCash and you add on the campaign URL &d1={os} It will be PopCash the one placing the Operating System of the visitor on your prelanding ;)

Image for post
Image for post

There are 2 ways for adding your CLICK URL to a prelanding.

1 Easy one > HREF

2 Advance mode > our script

Select first the Easy href and then choose your domain, it will generate a click URL

Image for post
Image for post

<a href='//tfijkyltbobs.unicornpride123.com/cl'><a>

To set the href click URL you just have to paste the given code in your HTML, inside the body tag (<body></body>) and voilá. Add text between > and < so the user can click it!

<body>
<!-- some html code -->
<a href='//tfijkyltbobs.unicornpride123.com/cl' class="button">CONTINUE</a>
<!-- maybe more html code -->
</body>

And that would be all. Do always check after the setup to verify everything works fine before start sending traffic to your campaign.

Advance one, just select the option and follow the steps

There it goes, this is actually the piece of code you will need to copy and paste within your HTML.

Image for post
Image for post

Let us explain to you how it works and what is the <div> </div> PART and the <script> </script> one

The code between this <div> </div> tags is about the visible button component. It is important it has an id attribute, which can be used to link it with its functionality.

<div id=”_10wqsbhp9l” style=”text-align: center; margin: auto; border: 2px solid #aaa; padding: 6px 14px; display: inline-block; position: relative; border-radius: 3px; background: white; box-shadow: 0 1px 3px rgba(100,100,100,.2);”> Click Here </div>

The script tag contains the functionality related to the button above. It is important to place it in your HTML code the nearest to the </body> (closing body tag) as possible.

<script> let _ele = document.querySelector(“#_10wqsbhp9l”); if (_ele) { let _url = new URL(window.location.href); let _clk = _url.searchParams.get(“cl”) || (() => { let m = /[&\?]{1}cl=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “cl”; let _dom = _url.searchParams.get(“domain”) || (() => { let m = /[&\?]{1}domain=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “domain.com”; _10wqsbhp9l = () => {window.location.href = ‘//’ + _dom + “/” + _clk;}; _ele.addEventListener(“click”,_10wqsbhp9l); _ele.setAttribute(“onclick”,”_10wqsbhp9l()”); } </script>

Now making a real example, let’s take our HTML code:

And we will add our LandingTrack <script>

Here we have a sample HTML code.

<head>… many things</head><body><! — EXAMPLE CONTENT →<h1>Your pre-landing title><p>Description about what you are offering</p><div class=”promo”><h2>Promotion</h2><p>Explanation about this single promotion</p></div><! — // EXAMPLE CONTENT →</body></html>

Your pre-landing HTML may differ widely from this example, but there are many common points you may use as a reference.

A brief explanation about HTML components:

<html> … </html>: Your pre-landing should have these tags, everything between them is the content you will later see.

<head> … </head>: The head of your HTML, it must have some important stuff placed inside, like the title, styles, meta information, and more. We won’t need to touch this one.

<body> … </body> : All that is visible is placed here. We will be placing the code here.

So, now, we can recognize the specific tag we are placing LandingTrack code into:

<head>… many things</head><body><! — EXAMPLE CONTENT →<h1>Your pre-landing title><p>Description about what you are offering</p><div class=”promo”><h2>Promotion</h2><p>Explanation about this single promotion</p></div><! — // EXAMPLE CONTENT →PLACE YOUR CODE HERE<div id=”_10wqsbhp9l” style=”text-align: center; margin: auto; border: 2px solid #aaa; padding: 6px 14px; display: inline-block; position: relative; border-radius: 3px; background: white; box-shadow: 0 1px 3px rgba(100,100,100,.2);”> Click Here </div><script> let _ele = document.querySelector(“#_10wqsbhp9l”); if (_ele) { let _url = new URL(window.location.href); let _clk = _url.searchParams.get(“cl”) || (() => { let m = /[&\?]{1}cl=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “cl”; let _dom = _url.searchParams.get(“domain”) || (() => { let m = /[&\?]{1}domain=([^&]+)/.exec(window.location.href); if (m) {return m[1];} return undefined; })() || “domain.com”; _10wqsbhp9l = () => {window.location.href = ‘//’ + _dom + “/” + _clk;}; _ele.addEventListener(“click”,_10wqsbhp9l); _ele.setAttribute(“onclick”,”_10wqsbhp9l()”); } </script>JUST BEFORE THE </body> CLOSING TAG</body> ← — THIS IS THE <body> CLOSING TAG</html>

Once you have created your dimension, we should check on the following TAB.

Dimension / Tab Offers

Image for post
Image for post

Tick the box next to the offer to select it and button Actions > then select Add Landers to offers.

Image for post
Image for post

Once you have select them click on SAVE

Image for post
Image for post
We show Direct too — traffic going directly to your Offer

If you would like to “disable” the Direct option (direct clicks to your Offer), just click on the wheel

Image for post
Image for post
And select Disable this Lander from Offer

This way all traffic will rotate between the 2 landers. If you would like to rotate traffic manually just click on the wheel and select the amount of weight you would like.

Image for post
Image for post

What if I want to rotate Offers with the same prelanding?

Let’s add a bunch of offers first of all by clicking on Actions:

Image for post
Image for post

Right after that just select the offers and click on actions to add your prelanding/s

Image for post
Image for post

Now that we have created our “smartlink” with the prelanding we want and the offers that will be rotating we should decide if we would like to disable the redirect on our direct link or not (this option is to force LandingTrack to go to your prelanding first)

Image for post
Image for post

And finally, once you have finished, just enable the path so once the traffic started LandingTrack will do the rest

Image for post
Image for post

Congrats!! you have your first smartlink with prelandings created

Image for post
Image for post

Again, automation applied to affiliate marketing is one of the main advantages over the rest.

— END

— Integrated Affiliate Networks.

How to generate a Testlink for your Advertiser.

— Integrating Non-Existing Traffic Sources/ Affiliates.

— Adding Offers & Creating Dimensions.

— What is a Dimension?.

— Dimension Overview.

— Campaign Optimization Rules.

— Creating your Flows.

Written by

One Platform, One Solution. The New Generation AI-Tracking System for media buying.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store