Blogging

How to Create and Add Alexa Ranking Widget in Website or Blog

How to Install Create Alexa Widgets To Increase Alexa Rank
Written by Rocking Aryan

If you find That Alexa ranking really important and it matters then, you might want to consider displaying your rank directly on your website by adding an Alexa widget. You should Know that A higher Alexa ranking is lucrative for advertisers and webmasters to take your website seriously. So why not take that opportunity to show the ranking directly on your website? Even You Will able to Attract More visitors from Alexa signal.

Alexa is the best place for calculating website performance and Ranking. Alexa is famous for his statistical and web metrics analysis on the basis of SEO and visitors performance of website or blog.

Alexa Ranking calculates Global ranking and Country wise also. Alexa ranking is a rough method for every person to calculate the site popularity. Lesser the ranking of the website means higher the popularity.

Google page rank and Alexa rank are a couple of those factors which decide the popularity of blogs on Paper. Alexa seems to be undergoing lots of changes (Improvements) and recently Alexa got a new design and because of these people who were using old Alexa widget are not working perfectly.

Displaying Alexa rank widget in your WordPress website is really easy. I will walk you through few different ways that you can add the widget to your website.

Benefits of Alexa rank and installing Alexa Widgets in blog

  1. Increases Alexa rank of Your Blog or Website.
  2. The increase in Alexa rank attracts direct advertisers to your site.
  3. You will make money blogging.
  4. Google also takes account of Alexa rank while ranking sites or blogs in SERPs.
  5. Alexa widget acts as a substitute for encouraging visitors to install Alexa toolbar.
  6. Competitor’s awareness and exposure will be increased.
  7. Alexa ratings act as a trust signal for your site or blog.

If you are already familiar with Alexa and its ranking, you might want to skip the introductory section and find the code or plugins that you need for your website below.

You Can Show Your Blog’s Alexa Rank On Sidebar Or Footer By Adding Small Javascript Code. Follow Steps Below To Install Alexa Widget It In Your Blog.

To add it to WordPress, you will simply need to add a Text Widget in the required place Where you want to Show Alexa Rank.
Instructions: Go to Appearance > Widgets and Drag the Text Widget or any Html editor widget from available widgets to the location you want to display your Alexa Rank. Copy and paste the above code in the widget.

Add Widgets in WordPress

Add Widgets Text Html Code

Add Install Alexa Rank Widget in Text Html
Don’t forgot to Change/Replace liveblogtips.com to your Blog or website name URL.

All Size Alexa Widget For Your Blog or Website

You Can also Check the Alexa Status Via These Alexa Status Html/Javascript Codes. You can also grab ad codes for Alexa widget on your blog by going to this link [They Stopped/Removed the Code from their site]. Click on Alexa site widgets, add your site link and grab the code to be embedded on your blog. You have different widget options and sizes for the widget.

Alexa Traffic Rank button for Blog/Website

Alexa Rank Widgets all Size Code

120 x 65 Alexa Rank Widget

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

120 x 90 Alexa Rank Widget Html

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

468 x 60 Alexa Rank Widget Html/Javascript Code

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

Alexa site status button Html Codes

Alexa Status Rank WIDGET Html Javascript Code

468 x 60 Alexa Status Widget


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

120 x 95 Alexa Widget Code

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

468 x 60 Alexa Widget Html Code

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

How To Add Alexa Widget In Blogger Blog

You Can Show Your Blog’s Alexa Rank On Sidebar Or Footer By Adding Small Javascript Code. Follow Steps Below To Install Alexa Widget It In Your Blog.
1. Login To Blogger Account.
2. Click Blog TitleLayoutAdd a GadgetHTML/Javascript.
3. Copy/Paste above Code In Content Box.
4. Replace liveblogtips.com With Your Blog URL.
5. Click Save Button And You Are Done.

Add Invisible Alexa Widget to Blogger

Not Recommended – If you want to add invisible Alexa widget to your Blogger, use the following code instead of the above codes.

<a style="opacity:0" href="http://www.alexa.com/siteinfo/liveblogtips.com" rel="nofollow" target="_blank" ><script type="text/javascript" src="http://xslt.alexa.com/site_stats/js/s/a?url=liveblogtips.com"></script></a>

WordPress Plugin to Add Alexa Widget

There is also a 3rd party free Alexa WordPress plugin which you can use to show your Alexa rank in the sidebar. This free plugin can be downloaded from here and once you have installed and activate it, go to your WordPress widgets section and drag-drop the Alexa Rank widget in your sidebar. All you need to configure here is the domain name. Replace default domain name with your existing domain name. Here is screenshot of the plugin settings ( Available as widget only)

Would you install Alexa Rank Widget?

Now that I have shared our tool Alexa Rank Widget Creator, and have showed you how you can install the Alexa Rank Widget on WordPress, would you be interested in installing the Widget on your own site? Let us know in the comments below. You can also let us know if you are having any difficulty in using our tool.

Similar to the process outlined above for WordPress, you can place the Alexa Rank Widget on other sites too such as on a Tumblr blog or a blogger blog. In coming days, we will write in-depth tutorials on how to do it. Do let us know if you want to install the Alexa Rank widget on your own site and are facing difficulties in doing so. Meanwhile If you like this post & find it worth then, don’t forget to share it with your family & friends.

[Total: 7    Average: 5/5]




About the author

Rocking Aryan

Rocking Aryan is a 15 years old Web designer, Techpreneur and the founder of
TechCrax, I love writing all about technology including web apps, tech trends and the latest Buzzes all over the world. I am an avid blogger and a Passionate writer. You can Email me For SEO & Other Digital Marketing Services.

Leave a Reply

1 Comment on "How to Create and Add Alexa Ranking Widget in Website or Blog"

Notify of
avatar

Sort by:   newest | oldest | most voted
Alexa Ranking Guru
Guest
Alexa Ranking Guru
5 months 20 days ago

Wow Aryan, your post is really awesome 🙂 Thanks for the headsup on how to place the alexa widget!

wpDiscuz