Landing Page Setup

A Landing page (a 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 Zeustrak cloud (recommended)
    The Zeustrak cloud lander is a lander that runs and maintains itself on 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 Zeustrak Cloud, you should have a single html file and put all needed assets to a single folder.

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

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

    1. Prepare your lander for upload:
      • Create new folder on your local machine called /assets. Place all lander files (images, styles, scripts) in this folder.
      • Define paths to the files in HTML code. Your lander structure should look like this:
        ├── assets/style.css
        ├── assets/image.png
        ├── assets/script.js
      • Update all tracking links with http://{trackingdomain}/click/?origin={origin}
      • Add placeholders if needed (You can add variables such as {city} and {countryname})
      • You can pass 3 variables to lander and/or offer from tracking URL: {var1}, {var2}, {var3}
      • Add var1= to the tracking URL for example http:/
      • Add {var1} to any place in your Lander if you want to pass it from tracking URL, for example <h1>Header {var1}</h1>
      • Add {var1} to offer URL on offer setup{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 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 changing URLs!
    1. To make offer links work, you should pass 2 important parameters from your campaign to the lander. Go to your traffic source settings and check, that you have two Lander Parameters set, as shown on the screenshot (origin and trackingdomain):
    2. Edit your lander code:

      • Click URLs (links from lander to offer) should look like this:
      • Add the following script somewhere in the lander code:
        <script>function g(n,d){var v=(RegExp(n+'='+'([^&]+?)(&|$)').exec(||[,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 it works? When user is redirected to your external hosted lander, Zeustrak passes 2 data parameters--trackingdomain and origin--in the lander url. The script picks those parameters values from url and replaces appropriate tokens in click URLs ({trackingdomain} being replaced with 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 means, how many different offers are promoted on your page at the same time. Read this article to know how to set up multiple offers on single landing page.

  1. Create and close