01
Whats a Hoplink - How to create a hoplink
Filed Under (How to make money blogging, Promote Clickbank Affiliate Products on your Blog) by shaners on 01-09-2008
What’s a hoplink How to create a hoplink
What’s a Hoplink? In order for you to make money blogging your customers need to purchase the affiliate product you are offering. They do this by following the hoplink that you provide them.
A hop link is basically a method of letting the merchant know who referred them and who should be getting paid for the product you’re promoting
What a hoplink does is take the customer to the merchants sales page where the sale is made. You will then be credited with that sale once the transaction is completed.
Your Click bank hoplink should look like this:
You should set up your hoplinks so that they are targeted to the top level of the current window (Clickbank recommendations below)
http://AFFILIATE.PUBLISHER.hop.clickbank.net
<a href=”http://AFFILIATE.PUBLISHER.hop.clickbank.net” target=_top>CLICK HERE</a>
Here’s how to make your hoplink work…
* Replace AFFILIATE with the affiliate nickname, you’ll be ask to select this when you open your clickbank account
* Replace PUBLISHER with the publisher nickname.
* Replace CLICK HERE with any promotional text or image you prefer.
What if you want to have the hoplink open in a new window?:
You need to insert a command to have the hop link open in a new window (in bold). This is advisable because you are going to want your visitors to stay on your site!! while having your affiliate product links opening in a new window.
href=”http://AFFILIATE.PUBLISHER.hop.clickbank.net” target=”_blank”
Hoplink theft: how to cloak your hoplinks
There’s been loads of talk in the industry about hop link theft. If you are afraid of having your links hijacked by some idiot who can’t appreciate all the work you have done to present them with a solution to their problem then you are going to want to Cloak your hoplink:
HopLink Cloaker HTML:
<html>
<head>
<title>Loading page…</title>
<meta http-equiv=”refresh” content=”2;URL=http://AFFILIATE.PUBLISHER.hop.clickbank.net”>
<script>
url=’http://AFFILIATE.PUBLISHER.hop.clickbank.net’; if(document.images) { top.location.replace(url); }
else { top.location.href=url; }
</script>
</head>
<body>Loading
<a href=http://AFFILIATE.PUBLISHER.hop.clickbank.net>page</a>…
</body>
</html>
If your server runs on php:
HopLink Cloaker PHP Script:
<?php
header(”Location: http://AFFILIATE.PUBLISHER.hop.clickbank.net”);
?>
Most affiliate programs will provide you with promotional tools. Things such as horizontal banners or vertical banners or text links. Things like this to help you promote you their products. Some affiliate programs don’t so you will have to create your own banners or just place a text link to that product.
cloak a hoplink
The above is a banner from Build a niche store
The banner code looks like this:
<a href=”http://shaners.nichestore.hop.clickbank.net”rel=”no follow”><img src=”http://www.buildanichestore.com/affiliate/images/468×60/niche-marketers.gif” width=”468″ height=”60″ border=”0″></a>
If you weren’t provided a banner with a hoplink code inserted in it and you had to make your own here is the code you’ll here’s how to add the hoplink to that banner for your blog or website. This banner was made for me by garryconn (thanks G-man)
So thats the banner above:
This is the link http://shaners.kickbutt.hop.clickbank.net/?tid=mmb
Now we want to attach the link to the banner image
<a href=”TARGET URL”> <img src=”IMAGE URL” width=”" height=”" border=”0″></a>
<a title=”micro niche finder” href=”http://shaners.kickbutt.hop.clickbank.net/?tid=mmb” target=”_blank”><img class=”alignnone” src=”http://www.making-money-blogging.com/blog/wp-content/themes/atomic3/images/micro-niche-finder-300-shan.png” alt=”" /></a>
Or if you want to set the link not to be crawled and have link juice go there, add the rel=no follow attribute
<a href=”http://shaners.kickbutt.hop.clickbank.net/?tid=mmb”rel=”no follow”><img src=”http://someplace on your server micro-niche-finder-300-shan.png” width=”set width here” height=”set height here” border=”0″></a>
It will look something like the banner above when all completed ( this is mine from this site yours may vary)
<a href=”TARGET URL (affiliate product hoplink”> <img title=”what ever you want as anchor text” alt=”what ever you want as anchor text” src=”IMAGE URL (the pictures location)” border=”0″></a>
If your affiliate Merchant doesn’t provide you with any tools to promote their product it’s very easy to create your banner with a hoplink in it. Just follow the above format and you’ll be in business very quick!
SO there you have it the quick and easy way for you to set up an affiliate program or affiliate product on your blog using click bank.
A cool Html Trick that works on your webpages to cloak your affiliate Hoplinks:
Usually you will keep your hoplinks in this format:
<*A href=”http://www.youraffiliatelink”>clickhere</a>
In this way when you keep your cursor over the link, you can see your long affiliate link.
Instead of above code, you can keep this code-
<*A href=”http://www.youraffiliate link” onMouseOver= “window.status=’your text here!’; return true” onMouseOut= “window.status=”; return true”*>Click here<*/a><*BR><*BR>
(Take out all * characters from html code)
Whole of the above line should be in SINGLE line. When you keep cursor on the link, you can see the text that you put in the status bar.
Now you need to get these on your blog!!
I realize some of you are still using blogger and thats all fine and dandy.
Look in your blogger template for this code:
</h1>
<p id=”description”><$BlogDescription$></p>
</div>
Insert horizontal banner here
This is also a good place to insert your horizontal adsense code.
Find this code:
<!– Begin #profile-container –>
<$BlogMemberProfile$>
<!– End #profile –>
Insert Vertical banner here
This is the location below your profile on your blog. You could always delete the profile I would’nt recommend this but that’s up to you. This also a good place to place Rss feed icons or adsense banners.
Using text links on your blog?
Look for this code in your blog:
<h2 class=”sidebar-title”>Affiliate Marketing products</h2>
<li><a href=”http://www.freeadblog.com/?ref=its_me_shaners/”>free ads blog post your ads free</a></li>
<ul> (this is an example of an affiliate text link I have).
If you want to include an affiliate product, affiliate program or text link in a post. You’ll have to compose your post select where you want to place that banner and use the edit HTML tab to insert it. For inserting a text link, you can do the same but I prefer to do it in the compose mode and click on the add link icon. then insert the affiliate product hoplink in the little pop up box.
Full Feed RSS
Nice tips for cloaking and all that.
Looking forward to more from you… BTW I subscribed to your blog! You’ve got some pretty interesting stuff.
Hey Lucas, thanks for dropiing in !! Glad you found the post of some use.
Hey I just checked out your blog, you’ve got some goodie-ness going on over there, Love the simplistic theme. Ive been trying my hand at theme design, man I envy people who can do all that its a lot of work.
Thanks for subscribing too. !!