How to add affiliate links automatically to blog post using javascript

Question

Hi there, I want to know if there is any way to automatically add affiliate links to blog post each time the page finish loading.

For instance, below is a blog post
What is computer?
Computer is an electronic+ device that can accept Input, process inputs, and + output result.

How can I automatically add affiliate link to where + is on the post?
Thanks in advance!

Answer 1

Hello @ Okugbe ,

 You need few lines of code, and use regexp: 

  $string = "<p>Please <a href='http://example.com'>click here</a> to go to <a href='http://example.com'>the site</a></p>"; 

$newurl = "http://myotherexample.com"; 

$pattern = "/(?<=href=(\"|'))[^\"']+(?=(\"|'))/"; 

$newstring = preg_replace($pattern,$newurl,$string); 

Second way you can also use jquery to bind any link click. This way you can do your link eval on the fly. This jsfiddle is a rough run through of what i think you're trying to accomplish. The alerts are just for your benefit and should be removed.

$("a").click(function() {
    addAffiliate(this);
});

myCode = "?pp=708a77db476d737e54b8bf4663fc79b346d696d2";
myAmazonCode = "?tag=shihac-20"
    function addAffiliate(link) {
        alert("enterting script: " + link.href);
        if ((link.href).indexOf("gog.com") > -1 && (link.href).indexOf(myCode) < 0) {
                link.href = link.href + myCode;
        }else if((link.href).indexOf("amazon.com") > -1 && (link.href).indexOf(myAmazonCode) < 0){
                link.href = link.href + myAmazonCode;   
        }
            alert(link.href);
        return true;
    }

Here you can see my demo jsfiddle working code:http://jsfiddle.net/du47b/23/

Hope you understand the code and this help you!!

Thank You!!

Comments

Thanks for your response. Am no fan of jQuery and don't even understand it either.

Please can you translate this to pure javascript. Thanks

---

Hello @Okugbe,

If you want javascript then you can go with method-1 it is the optimal solution but jquery is also javascript lirary so it uses javascrpt only so you also go with method-2 as well.

However you can refer this for better uderstading of javascript.

Hope this is helpfull!!
Thank you!!