Pin It

Alexa Rank Widget: New Technical “How To”

Alexa provides widget (Alexa rank widget) for bloggers and website owners. Webmasters can embed this widget anywhere on their blogs – the side or footer section as well as the main content area depending on their choice of placement.How to install Alexa Rank widget

Alexa ranking algorithm is based only on the traffic that triggers their toolbar or the widget. This widget enables your website traffic to pass through Alexa system.

One way to strategically increase Alexa rank of your website is to get Alexa rank widget installed on your blog or website. Alexa rank widget creation has taken a new dimension. After my recent post on how to increase Alexa rank Quickly, I received a couple of questions from readers on how to create Alexa widget on their website.

Probably, they might have been struggling to get the Alexa rank widget code through this link that takes through the process of getting the widget code for blog and website owners from Alexa website. This link doesn’t give website owners the opportunity to get the widget code to be pasted on their websites.

Unless you wish to go pro on the Alexa service, the page don’t give you room to get the code. Once you have claimed the ownership of the blog/website, you don’t have to go through Alexa site to create your site Alexa traffic widget. Just copy any of the codes below where you want the widget to show on your website.

Alexa Rank Widget Codes

Alexa rank widget codes can be broadly classified into three viz.

  1. Alexa traffic rank codes: This code display a button that shows “Alexa traffic rank” of your blog/website
  2. Alexa site stats codes: This code gives more information about your site. The displayed button shows your site “Alexa traffic rank and the inbound links” status of your blog or website.
  3. Alexa traffic graph widget: This code gives your website traffic report in graphical form. This is particularly useful if you have a blog or website whose Alexa traffic rank is below 100,000. If your Alexa traffic rank hasn’t improved to this range, no traffic stats will be displayed on the graph. Our focus will be on the first two: ” Alexa traffic rank and Alexa site stats code”

Alexa Traffic Rank  Codes

The codes you choose here depends on the size of the button you want to display.

For 120 x 65 traffic rank widget code, install the ‘a’ size

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

For 120 x 90 traffic rank widget code, install the ‘b’ size

<a href="http://www.alexa.com/siteinfo/aceclue.com">
<script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/t/b?url=aceclue.com">
</script></a>

For 468 x 60 traffic rank widget code, install the ‘c’ size

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

Alexa site stats codes

The Alexa site stats codes you choose here also depends on the size of the button you want to display.

For 120 x 95 site stats widget code, install the ‘a’ size

<a href="http://www.alexa.com/siteinfo/aceclue.com">
<script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=aceclue.com">
</script></a>

For 120 x 240 site stats widget code, install the ‘b’ size

<a href="http://www.alexa.com/siteinfo/aceclue.com">
<script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/b?url=aceclue.com">
</script></a>

For 468 x 60 site stats widget code, install the ‘c’ size

<a href="http://www.alexa.com/siteinfo/aceclue.com">
<script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/c?url=aceclue.com">
</script></a>

Replace aceclue.com in whichever the widget code you choose with your own website URL.

For blog (WordPress) owners,

  • Login to your WordPress dashboard.
  • Click on appearance and choose widgets from among the drop down menu.
  • From the list of the available widget, look for arbitrary text or HTML.
  • Drag the widget to the position where you want your Alexa rank widget displayed.
  • Paste the modified Alexa rank widget code on the text widget
  • Click on save. It’s done!
  • You can drag the text widget containing the Alexa rank widget to any other desired position on your blog sidebar or footer area depending on the flexibility featured by your blog theme.

This is the simple strategy to put Alexa rank widget on your website or blog without subscribing to any pro plan from Alexa or adding unnecessary plugin that may pose additional load to your server and cause higher loading time (speed issue).

Do you find this tip helpful? Just hit share button of your favorite social media to get others notified of this new simple strategy.

Have you any clue on how to install Alexa rank widget? How does it work for you?

Let me know through the comment. Your opinion is appreciated.

About Lasisi Afees

Professional Blogger and Internet Marketer. He has deep passion for blogging and sharing ideas on making money online. Connect with him on Twitter,   Facebook  and Google Plus

Comments

  1. What at all is the use of Alexa? I wanted it soo badly as a newbie blogger but at the end really found it of little importance.
    Having a great alexa ranking doesn’t in anyway guarantee success in blogging. Having a great content like this, is what matters the most.

  2. Thanks to provide this code. I was looking for this and now i got.

  3. Rafia Aktar says:

    This is a beautiful post for me.

  4. good information

  5. mitesh bairwa says:

    thank finally i got alexa widget for my blog

  6. Thanks to providing tips for create alexa widget. These tips are really good and easy to understand.
    Thanks again

Drop a comment