Landing Page Setup

A Landing page (or lander) is an intermediary web page shown after a visitor clicks on an ad, and which also precedes an offer. Essentially, a landing page is an extension of the ad that displays sales or marketing information intended to entice a visitor to “click through” to the respective offer.

  1. Add new lander
    Menu > Landers list > New lander 

  1. Define a name for your lander

  2. Decide between External hosting or the Zeustrak cloud (recommended)
    The Zeustrak cloud lander is a lander that runs and maintains itself on the Zeustrak servers.
    An External hosted lander is a lander that runs and maintains itself, using your own web server.

    You can use cloud hosting integrated into the tracker to store your landers. It is much easier and you can store and manage all your landers and assets in one place, with no additional charge. To store your lander in the Zeustrak Cloud, you’ll need a single html file and you must put the all needed assets to a single folder.

    The easiest way to do that is to tick the Load lander by url checkbox when creating a new lander. Zeustrak will then download all the content from the url provided and upload it to the Zeustrak Cloud.

    This can also be achieved by saving a page from your browser (press Cmd/Ctrl + S). Then you can upload all of the assets to the relevant lander and put the html code in the Code textfield.

    1. Prepare your lander for upload:
      • Create a new folder on your local machine called /assets. Place all the lander files (images, styles, scripts) in this folder.
      • Define the path to the files in HTML code. Your lander structure should look like this:
        index.html
        ├── assets/style.css
        ├── assets/image.png
        ├── assets/script.js
      • Update all the tracking links with http://{trackingdomain}/click/?origin={origin}
      • Add placeholders if needed (You can add variables such as {city} and {countryname})
      • You can pass up to 20 variables to lander and/or offer from the tracking URL: {var1}, {var2}, {var3}
      • Add var1= to the tracking URL for example http:/domain.com/land/?var1=123
      • Add {var1} to any place in your Lander if you want to pass it from the tracking URL, for example <h1>Header {var1}</h1>
      • Add {var1} to the offer URL on offer setup  http://affiliatenetworktrk.com/?a=123&c=456&s1={var1} if you want it to pass to the offer
    2. Upload your files to Zeustrak from your /assets folder

       Upload it to the server using the Load assets button at the bottom of the screen below the Code editor.
    3. Copy and Paste your HTML source code to the code editor

      NOTE: you should never upload unnecessary scripts to a local lander folder, especially that ones that change the URLs!
    1. To make the offer links active, you must pass two important parameters from your campaign to the lander. Go to your traffic source settings and check that you have at least two Lander Parameters set, as shown in the screenshot (origin and trackingdomain):
    2. Edit your lander code:

      • Click URLs (links from lander to offer) it should look like this:
        http://{trackingdomain}/click/?origin={origin}
      • Add the following script somewhere in the lander code:
        <script>function g(n,d){var v=(RegExp(n+'='+'([^&]+?)(&|$)').exec(location.search)||[,null])[1];if(v){v=decodeURI(v)}return v||d}var zlinks=(function(){function fetch_link(url,data){url=decodeURI(url);var tail=[];for(var p in data){if(!data.hasOwnProperty(p)||typeof data[p]==='undefined'){continue}if(url.indexOf('{'+p+'}')>-1){url=url.replace('{'+p+'}',data[p])}else{tail.push(p+'='+encodeURIComponent(data[p]))}}if(tail.length){url=url+'&'+tail.join('&')}return encodeURI(url)}return{onload:function(data){window.addEventListener('load',function(){zlinks.update(data)})},update:function(data){var links=document.getElementsByTagName('a');var link;for(var i=0;i<links.length;i++){link=links[i];if(link.href.indexOf('origin')>-1){link.href=fetch_link(link.href,data)}}}}})();zlinks.onload({'trackingdomain':g('trackingdomain'),'origin':g('origin')});</script>
      • How does it work?
        When a user is redirected to your external hosted lander, Zeustrak passes two data parameters--trackingdomain and origin--in the lander url. The script picks those parameters values from the url and replaces the appropriate tokens in URLs ({trackingdomain} with the trackingdomain url parameter, etc.).

      • Set the URL of your lander;
        You can use placeholders from the list below the URL field to pass extra data from the tracker to your page.
  1. Set the Offers count
    This shows the number of different offers that are promoted on your page at the same time. Read this article to learn how to set up multiple offers on a single landing page.

  1. Create and close