How To Automatically Convert Keywords into Active Links
close
How To Automatically Convert Keywords into Active Links

How To Automatically Convert Keywords into Active Links

How To Automatically Convert Keywords into Active Links

Having inbound links in your articles causes you to get higher rankings and increases your page views of your website.

There are different ways to create inbound links like you can make them manually or automatically.

I have recently share a post in which I have explained how you can add related inbound links in your articles automatically.

Every time when you write a post you usually use your keywords in your post and if you want to automatically convert that keywords into a live and active links you can do that easily, well this post is all about it.

What are live or active links?

The term live or active links refers to the links which are clickable.

If you are a wordpress user then you will find tons of plugins to automatically convert keywords into active links but it is far more difficult on blogger to automatically convert your keywords into active links.

But in this article I have made that easy for you and now you can do that in your blogger blog easily. It's not a manual method it's automatic way you just have to place a single JavaScript code in your blogger blog to make that possible.

In this article I will provide you a JavaScript code which you can use in your blogger blog to convert your keywords into active links so that your users can click on that link and see related articles to that keyword.

If you see this in the point of SEO then this technique is very best for converting your keywords into active links and for making inbound links.

So now if you want to add this functionality in blogger follow the steps provided below and do as it is said.

Steps to follow:

  1. Go to Blogger Dashboard
  2. Go to Theme/Template Section
  3. Click Edit HTML
  4. Now Search for </body>
  5. To search anything in blogger template section press Ctrl+F and then type term to search and press enter.
  6. Now copy the code provided below and paste it just above </body> tag.
  7. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script>
    //<![CDATA[
    function makelink(word, link) {
        $('.post-body').each(function() {
            var me = $(this),
            txt = me.html(),
            found = me.find(word).length,
            regex = new RegExp('(' + word + ')(?![^(<a.*?>).]*?<\/a>)','gi');
            if (found != -1) {
                txt = txt.replace(regex, '<a href="'+link+'">$1</a>');
                me.html(txt);
            }
        });
    }
    /*Usage*/
    makelink('seo','https://www.softwebtuts.com');
    //]]>
    </script>
    </b:if>
  8. Save Theme/Template


The above code will search for the element with ClassName post-body and in that div it will perform its functionality. If this class is not found this code will not work.

So you simply have to at the course provided in your blogger blog and it will automatically run when your blog is loaded but as you can see that I have used conditional tags for blogger so that's why this login will only work on post pages.

If you want to add more keywords in the list you simply have to to add this JavaScript code below.

/*Here SEO is the keyword and url is a link*/
makelink('seo','https://www.softwebtuts.com');

In the above code replaced keyword with your keyword and link with the link which want to to make sure that keyword.

After installing this plugin in your blogger blog you will see that you will be getting more page views.

Conclusion:

So in this article I have shared with you JavaScript code basically a plugin that will convert you can say automatically convert your keywords that we use in your article into active links.

I hope that this blogger plugin JavaScript code will help you a lot and will help you in increasing your revenue.

After installing this plugin for adding this JavaScript in your blogger blog you will get tons of inbound links in your articles and you don't have to make inbound links manually.

If you face any difficulty feel free to comment below because I am here to help you.
Disqus Codes

No comments

Notifications

Disqus Logo