Re-Run: Impress with a Graphically Dynamic Landing Page

A really good post about making your landing page graphically dynamic, read some now….

In this post, you will learn:

• Basic php keyword insertion
• Method #1 – Dynamic image insertion using a static image library
• Method #2 – Dynamic image insertion using Yahoo Images

The Basics: Standard keyword insertion

Alright, I’m sure you’re familiar with dynamic keyword insertion on landing pages. Essentially, you can pass along a variable to your PHP landing page, and have that variable inserted anywhere (visible or non-visible) on your page.

This serves two purposes:
1) To get better Quality Score due to increased keyword relevancy
2) To increase visitor interest and conversions

To do this, just insert the following string anywhere in your landing page code where you would like the keyword to appear:

<?php echo ucwords(str_replace("-"," ",$_GET["keyword"])); ?>

So let’s say you have a landing page called lander.php. You would then call the landing page like this:

http://www.example.com/lander.php?keyword=fleshlight-video-tutorial

Now the keyword “Fleshlight Video Tutorial” would show up wherever you wanted it to on the page. Remember, the php string could be placed anywhere in the code. I usually try to include it in a combination of the following:

Meta tags (description, keywords)
Title
Headline
Image alt tags

Href title tags
Within the landing page copy
As a link anchor tag to another internal site page

Use your imagination! And actually – that is what brings me to the core part of this post…

Method #1 – Dynamc image insertion based on a static image library
Now, onto the fun part… Because we can also use the passed variable as part of filenames in the landing page code. On a regular page, you would normally show static images with the HTML img tag like this:
<img src="images/dog.jpg”>

It would result in a page like this:

…and that image would be the same for every visitor, no matter what dog breed or keyword they had searched for.

But instead of that, we wanna spice it up a little and present our visitors with a picture of his/her dog breed. Think that will bring up your conversions and ROI? You bet!

We can then have custom destination URLs from our ads pointing to:
http://www.example.com/kennel.php?keyword=cocker-spaniel
http://www.example.com/kennel.php?keyword=golden-retriever
http://www.example.com/kennel.php?keyword=german-shepherd
(Of course, the ads themselves should also have the keyword in them)

And we can have all kinds of variations of the same landing page:

We accomplish this by simply replacing the static image filename with the keyword string from the URL, like this:
<img src="images/<?php echo $_GET["keyword"]; ?>.jpg">

This obviously also requires you to actually have image files with these names stored in your /images folder. These aren’t hard to come by though. For a small project requiring a dozen or so images, you can get them yourself from Google images (always make sure not to violate copyrights). If you need more – let’s say for a list of 100 dog breeds, you can outsource the image retrieval to someone from eLance, Odesk, or even the Sell&Buy section at Wickedfire.com.

Technically Speaking, and I know you will want to read the complete article now….

Tags: Elance, Google, Graphic design, HTML, HTML element, landing pages, landingpage, Markup Languages, Meta element, oDesk, php code, Search engine optimization, Uniform Resource Locator, Yahoo