Once again, brothers and sisters, let us delve into the eldrich, occult world of … programming.

Or to put it another way – let’s make your landers even more effective.

In this, the final part (for now) of my basic introduction to programming for affiliates, we’re going to look at making your landing pages change and react based on what your visitors do.

We’ll cover how to change parts of the page based on where they click; look at how your outsourced programmers might have done this on landers you already have (so that you can easily change them); look at timing-based changes; and even touch on animation!

Let’s get going!

What You’ll Need For This Tutorial

If you haven’t read them already, Part 1 and Part 2 of this course are here and here, respectively. We won’t be using code from those two parts, but we will be using the concepts in them. If you get stuck here, there’s a good chance that having a look through those earlier parts will unstick you.

Other than that, you don’t need to know any Javascript, just HTML and CSS.

You can easily apply the techniques I’ll show you here to your existing landers, and that’s probably the best way to learn. However, if you want a sample lander to experiment with, here’s the code for a simple tester to use whilst you’re learning: 



<head>

<title>Parameter Passing Test</title>

</head>

<body>



<div id="question"><h1>Do You Like Money?</h1>



<button id="yes">Yes</button>

</div>



<div id="answer" style="display:none"><h1>You're In Luck, Then!</h1>



<p><a href="http://www.motleyfool.com">So Do These Guys!</a>

</div>



</body>

Unlike previous tutorials, you won’t need to do any setup on your tracker for this part!

Reacting To User Input: Clicking

The simplest way we’ll probably want to react to user input is when they click on something in ou ...

This thread has 14 more replies.
WANT TO SEE THE REST?

Join STM Forum