See more

Overview - Creating Trackable Redirect Pages

Introduction

When campaign emails are sent from DemandCenter, all links in your email are automatically converted to trackable links. Users will not have to do any special work beyond this, as this process happens behind the scenes for you automatically.

If your email contains direct links that point to 3rd party pages (i.e. Domains that you do not own and hence would not have eTrigue code), those links will be converted to trackable links that are prefixed with trk.etrigue.com. In some cases, you may want to create your own custom landing page that automatically redirects your prospects to those 3rd party pages.

What are the benefits of a redirect page?

In general, most users like using redirect pages because:

  • Our standard redirect pages' URLs are prefixed with trk.etrigue.com. By creating a landing page that serves as a redirect page, you make use of your subdomain's branding. This will increase user confidence because the links are going to pages that share your name (i.e. your subdomain URL) and not another system.

  • Redirect pages can be tracked via Prospect Search. You can quickly search and find all prospects that visited your redirect page, which you can then export for your reporting needs.

  • Redirect pages are included in Landing Page Reports and Visit Reports. When viewing these reports, you can equate a visit to your redirect page as a visit to your 3rd party page. Therefore, you can measure the number of visitors to your page and count how many visits.

 

How to Create a Redirect Page

  1. Go to Assets > New Asset > Landing Page.

  2. In the top right, click Use HTML Editor.

  3. Highlight all of the lines of code below and COPY.

    (Can't see the code? Copy code here.)


    Copy code below:

    <html>
    <head>
    <title></title>
    <meta http-equiv="refresh" content="3; url=https://www.company.com/index.html" />
    <style type="text/css">
    body {
    margin: 0;
    padding: 0;
    background:#ffffff;
    }
    .rd-loader-inner {
    transform: translateY(-50%);
    top: 40%;
    position: absolute;
    width: calc(100% - 200px);
    color: #0067c5;
    padding: 0 100px;
    text-align: center;
    }
    .rd-loader{position:absolute;top:0;left:0;height:100%;width:100%}.rd-loader-inner label{font-size:30px;opacity:0;display:inline-block}@keyframes lol{0%{opacity:0;transform:translateX(-300px)}33%{opacity:1;transform:translateX(0px)}66%{opacity:1;transform:translateX(0px)}100%{opacity:0;transform:translateX(300px)}}@-webkit-keyframes lol{0%{opacity:0;-webkit-transform:translateX(-300px)}33%{opacity:1;-webkit-transform:translateX(0px)}66%{opacity:1;-webkit-transform:translateX(0px)}100%{opacity:0;-webkit-transform:translateX(300px)}}.rd-loader-inner label:nth-child(6){-webkit-animation:lol 3s infinite ease-in-out;animation:lol 3s infinite ease-in-out}.rd-loader-inner label:nth-child(5){-webkit-animation:lol 3s 100ms infinite ease-in-out;animation:lol 3s 100ms infinite ease-in-out}.rd-loader-inner label:nth-child(4){-webkit-animation:lol 3s 200ms infinite ease-in-out;animation:lol 3s 200ms infinite ease-in-out}.rd-loader-inner label:nth-child(3){-webkit-animation:lol 3s 300ms infinite ease-in-out;animation:lol 3s 300ms infinite ease-in-out}.rd-loader-inner label:nth-child(2){-webkit-animation:lol 3s 400ms infinite ease-in-out;animation:lol 3s 400ms infinite ease-in-out}.rd-loader-inner label:nth-child(1){-webkit-animation:lol 3s 500ms infinite ease-in-out;animation:lol 3s 500ms infinite ease-in-out}
    </style>
    </head>
    <body>
    <div class="rd-loader">
    <div class="rd-loader-inner"><label>&bull;</label> <label> &bull;</label> <label> &bull;</label> <label> &bull;</label> <label> &bull;</label> <label> &bull;</label></div>
    </div>
    </body>
    </html>


  4. Highlight the default landing page code and REPLACE/PASTE that code with the code copied in Step 3.

  5. At the top of the page, click Properties, then configure the following:
    • Under Name, specify how you want to spell your URL of this redirect page.

    • Under Folder, specify where to save your page in DemandCenter.

    • Under URL, provide the URL of your page that will be public facing.

  6. Click Save Landing Page.

    Your redirect page is now live and you can then include the URL of your redirect page within your campaign emails.

 

Customize the Redirect Landing Page

Using the code examples below, you can customize your redirect landing page appearance and behaviors. Locate the following line and then update as described below.

Specify the "URL" that the page redirects to:

Line 4:

<meta http-equiv="refresh" content="3; url=https://www.company.com/" />


Change "content" to control how long to wait (in seconds) before the page redirects:

Line 4:

<meta http-equiv="refresh" content="3; url=https://www.company.com/" />


Change the background color of the page by entering a hex triplet (RGB value):
(If you need help with finding the right color, use this resource to find your hex triplet.)

Line 9:

background: #ffffff;


Change the color of the "redirect" animated dots by entering a hex triplet (RGB value):
(If you need help with finding the right color, use this resource to find your hex triplet.)

Line 16:

color: #0067c5;