Using URL Parameters to Drive Dynamic Content on Landing Pages

Hi Tim,

Indeed, you will need to use some JS to do this. You will have to extract the info form the URL and then inject it in the page, on specific places (usually using classes or IDs to identify the places where to inject the data).

-Greg

Program tokens can be dynamically set via API so that is an option.  The best way to do this is by making the Landing Pages dynamic via segmentation or via tokens. 

You'll need to create or modify a page template to get the code in you need.

In your header of your template, you'll want this:

<script type="text/javascript">

function getUrlVars() {

    var vars = {};

    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi,

    function(m,key,value) {

      vars[key] = value;

    });

    return vars;

  }

var map = getUrlVars()["map"];

var region = getUrlVars()["region"];

var cities= getUrlVars()["cities"];

</script>

Now, in your HTML, where you want the stuff to appear, put this in:

Map:

<img id="map-img">

      <script>

  var mapimg = map;

  document.getElementById("map-img").src = mapimg ;            

      </script>

Cities:

<ul id="itemList"></ul>

<script>

var itemsExist = true;

var indexNum = 0;

var unorderedList = document.getElementById('itemList');

var str = cities;

var res = str.split("%20%");

var myElement;

function write_cities() {

    for (i = 0; i < res.length; i++) {

        // Create the <LI> element

        myElement = document.createElement("li");

        // Add the letter between the <LI> tags

        myElement.appendChild(document.createTextNode(res[indexNum++]));

        // Append the <LI> to the bottom of the <UL> element

        unorderedList.appendChild(myElement);

    }

}

if (itemsExist) {

    write_cities();

}

</script>

Region:

<p id="Region-Name"></p>

      <script>

  var regionname = region ;

  document.getElementById("Region-Name").innerHTML = regionname;            

      </script>

Hi Tim, Yes, you can do this very easily by using the segmentation. Here are the example URL's info2.filemaker.com/FileMaker_Platform_Trial_Request.html?Language=EN info2.filemaker.com/FileMaker_Platform_Trial_Request.html?Language=FR In the above URL's content is regionalize on the basic Language Parameter and it setup using the segment only, if you want can use the tokens also with the segments. Let me know, if you need more info on this. Regards, Alok

Tim,

This can actually be done very easily with Real Time Personalization (RTP). It's a product that Marketo offers and the basic function is to dynamically change your page content depending on which visitors view the page. Using URL parameters is just one of a large number of ways you can identify audiences, but you can also use geo-location through reverse IP lookup, lead data integrated from Marketo and a wide variety of other options as well. Once the audience is identified you can create custom content for each audience, all within the same one page. So, you have one web page and unlimited ways to dynamically change the content on it. Talk to your Customer Account Manager and I'm sure they'll have lots of information available on RTP