How to add Alexa Rank Widget to your Blog or Website

 

As you might know that nowadays, People are very curious to be aware about Alexa and Other rankings.
Thus I think It’s good to embed it in our blog/website, and directly show them.
If you don’t know about Alexa, Then you should just read out the about page of Alexa. (And just come back here after reading it)
So now at least you know something about Alexa .. Right!!

Why should we consider Alexa as a useful for our blog/website?

– Okay, Alexa is a rank which will used to determine the value of your blog/website for some viewers/experts.
– Sometimes experts/viewers don’t want to consider your blog/website as a valuable if Alexa rank of your blog/website is not good.

Is it good if my Alexa rank is high?

– This question might be only for newbies.
No. It’s good if your Alexa rank is low. For example: Google’s Alexa rank is 1. So it’ll more valuable than others’ rank. (Link)

So how to add Alexa rank widget to my blog/website?

– It’s simple.. Don’t worry 😛
– There are 6 different views to embed Alexa rank to your website or blog to directly show your Alexa rank to your visitor. Which are listed below:

1. Style A with links.

Code:

<a href=”http://www.alexa.com/siteinfo/google.com“>
<script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/s/a?url=google.com“></script>
</a>
2. Style B with links.

Code:

<a href=”http://www.alexa.com/siteinfo/google.com“>
<script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/s/b?url=google.com“></script>
</a>
3. Style C with links.

Code:

<a href=”http://www.alexa.com/siteinfo/google.com“>
<script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/s/c?url=google.com“></script>
</a>
4. Style A without links.

Code:

<a href=”http://www.alexa.com/siteinfo/google.com“>
<script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/t/a?url=google.com“></script>
</a>
5. Style B without links.

Code:

<a href=”http://www.alexa.com/siteinfo/google.com“>
<script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/t/b?url=google.com“></script>
</a>
6. Style C without links.

Code:

<a href=”http://www.alexa.com/siteinfo/google.com“>
<script type=”text/javascript” src=”http://xslt.alexa.com/site_stats/js/t/c?url=google.com“></script>
</a>

– Now.. It’s time to choose your favorite style from the above six.
– After choosing the style, You’ve to replace google.com with your blog’s/website’s domain name.
– If you want to add it on your blogger blog then directly go to your blog’s layout tab and then click on Add a Gadget and then choose HTML/JavaScript and place the code in Content box. Then give it a title if you want to and hit save. Done.
– If your want to add it on your website then you’ve to add the code wherein you want to show the Alexa Rank Widget.
– After all It should be working.
So Enjoy. If you encounter any problem while adding this Alexa Rank Widget to your blog or website then please leave it in comments. We’ll try to help you out.

Share This Now:

Add a Comment

Your email address will not be published. Required fields are marked *