If you're looking to turn your web page into a dynamically personalized experience, then you've come to the right place. This guide will step you through the exciting features of SpeedPPC's DKI (Dynamic Keyword Insertion) and help you make magic happen on your website. Don't worry, step-by-step, so that you can master each section along the way.
Here is how you set that up below.
You need to whitelist your domain before you can do anything. Otherwise, the script won't work. You can do that in Ad Alchemy, as per the video below.
Think of scripts as the magic spells that make the internet work. You'll want to add some scripts to your HTML to kick things off.
You need to add this code to between the <head> </head> tags on your website.
<script src="https://cdn.speedppc.com/dki.min.js"> </script>For the more security-conscious out there (and who isn't, really?), there's an optional script called Dompurify you can also add to the head that helps further prevent nasty cross-site scripting (XSS) attacks:
<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.0.8/purify.min.js" integrity="sha512-5g2Nj3mqLOgClHi20oat1COW7jWvf7SyqnvwWUsMDwhjHeqeTl0C+uzjucLweruQxHbhDwiPLXlm8HBO0011pA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>Dynamic keyword replacement, now that's a fun trick! Think of it as giving your web pages a little twist based on what's in the URL, making things more relevant and engaging for your visitors.
Picture this: a visitor lands on your page with a parameter in their URL. Poof! The corresponding token on your page changes to match that parameter.
To use it, you include a special token in your text, something like:
[[keyword:fallback]]You can use whatever parameter names you like in the URL and matching token on the page. You can
No parameter? No problem! A predefined fallback value jumps in to save the day, making sure your page still looks great and makes total sense. In the example above just replace 'fallback' with whatever makes sense. Neat, right?
So let's look at an example. Let's say you put that 'keyword' token above in your page somewhere. You then just put that in the URL like so:
https://yoursite.com/?keyword=SkateboardsIf you have [[Keyword:Sports Equipment] token in your text, it will automatically swap your token out for 'Skateboards'. If you had nothing at all it would fall back to 'Sports Equipment'.
So now you can swap out Skateboards with whatever you like, and it will automatically update the page.
Now, onto casing options. Sometimes you need your keywords to shout, whisper or just fit in.
That's why the dynamic keyword replacement feature in Ad Alchemy DKI includes casing options so that you can control how the replaced keywords are presented.
Here's where the magic happens. By tweaking how you write the keyword in your token, you control the final look of your replaced words.
UPPER, lower, Sentence case, or Even This Fancy Title Case. You've got control!
Here are the options:
[keyword:fallback words] = No case change:
[Keyword:Fallback words] = Sentence case (first letter capitalized)
[KeyWord:Fallback Words] = Title case (first letter of each word capitalized)
[KEYWORD:FALLBACK WORDS] = All CAPSThis is useful for when you might be using the token in a headline, or as the first word of a sentence, etc.
Hyphens are a common feature in web parameters, often standing in for spaces in URL-friendly formatting. But sometimes, you might want to keep those hyphens intact when they appear in your dynamic content.
Ad Alchemy DKI allows you to manage this aspect by adding a double asterisk before the keyword in your tokens.
If you want to keep hyphens from turning into spaces, add a double asterisk before the keyword in your token:
[**keyword:fallback-words]This tells the script to treat hyphens as a regular space.
Cookies aren't just for snack time. In web speak, they store info for future visits.
In the world of web browsing, cookies play a vital role in remembering user information. With Ad Alchemy DKI, you can leverage cookies to remember dynamic keyword values between user visits.
By default, if a visitor uses a URL parameter once, the script will remember the value for 30 days with cookies. So, if they return without the URL parameter, the script will use the cookie-stored value.
You can change the duration of this memory by including a dkicookie URL parameter followed by the number of days you want it remembered, for example:
https://example.com?keyword=value&dkicookie=7 (for 7 days)To forget everything and delete existing cookies, or to not store a cookie in the first place, set the cookie value to 0:
https://example.com?keyword=value&dkicookie=0 (delete cookie or don't use)Nothing says 'we know what you need' like a pre-populated form.
Web forms are the gateways of user interaction on many websites, from registering for accounts to submitting inquiries. Pre-populating form fields can make this process smoother and more intuitive for the user.
With Ad Alchemy DKI, this is achieved by matching the name or id attribute of the form input fields with the desired URL parameter names.
For input fields <input> and <textarea>, set the input field's 'name' or 'id' attribute to match your desired parameter name like:
<input type="text" name="firstname">Pass the corresponding URL parameter https://example.com?firstname=John and the script will do the work, filling in the 'John' for you.
Not leaving dropdowns out of the fun, pre-populating works here too! Dropdown menus offer a clean, organized way to present multiple options without cluttering a webpage.
Pre-populating dropdowns based on URL parameters or previous choices can improve the user experience.
Like pre-populating forms, this works by matching the name of the dropdown menu with the associated parameter in the URL.
Use the same naming method as for forms:
<select name="option"> Then pass a corresponding URL parameter like
https://example.com?option=value Voila! The script selects the correct dropdown option for you.
Checkboxes offer a binary choice to users, ideal for agreeing to terms, selecting from a list of options, or indicating preferences.
Pre-populating checkboxes ensures that the user's choices are remembered and applied automatically in future interactions based on the value of the URL parameters. It's almost like they've got a mind of their own!
You can auto-set the state of checkboxes:
<input type="checkbox"> Name the checkbox like this:
<input type="checkbox" name="checkbox"> Next, pass a corresponding URL parameter like:
https://example.com?checkbox=trueThe script will automatically check (or uncheck) the box based on the URL parameter.
You can even add locations of the user to your landing page using the tokens below. The 'location' one will be the closest one detected and is best used as the default. You can also use the fallback (just replace that word) to use something else if the location is not available for some reason (which is pretty rare).
[location:fallback]
[city:fallback]
[region:fallback]
[country:fallback]
[countrycode:fallback]The ultimate goal of Ad Alchemy DKI is to seamlessly integrate with your existing website, regardless of the platform it's built on.
The script should work seamlessly with various website platforms, including WordPress, Wix, Squarespace, ClickFunnels, and Leadpages.
However, each platform has its own rules for adding custom JavaScript, so make sure to follow the specific instructions for your platform.
Always test to ensure that this script doesn't interfere with other scripts on your page. It is worth taking the time to test this as you wouldn't want this to interfere with a vital script that takes payments etc.
You can also grab a copy of the script to run on your own server if you prefer not to use our CDN.
And there you have it! With these steps, you're well on your way to a personalized, dynamic website that engages your visitors in a truly magical way.