Hide Alexa Widget - Add Invisible/Hidden Alexa Widget to Blogger

Posted by on 12/30/2016

Here's how to hide alexa widget in blogger. With Google PR update not done for ages, only few metrics are left out to measure up the popularity of blogs and websites. For example Website's Alexa Rank, Moz's Domain Authority & Page Authority and Majestic SEO's Trust Flow & Citation Flow are some of the key metrics that determines Websites health to certain extent.

But Alexa Rank can be easily manipulated and having high alexa rank doesn't guarantee for high traffic. Even then maintaining good alexa rank (which is less than 100K) would make your blog/website look decent in the eyes of your visitors and potential advertisers.

hide-alexa-widget-add-invisible-alexa-rank-widget

Alexa determines a website rank by their traffic and only counts of those visitors who have Alexa extension installed on their browsers. So even if your blog ranks higher on search engines but most of your site's visitors don't have alexa extension installed, then your Alexa Rank will not increase.

Also Read: Get Help with File Explorer in Windows 10

In that case there is another way to increase alexa rank. That is by adding Alexa Rank Widget on your blog's footer or side navigation area. But displaying alexa rank on a blog has a downside. If you have good rank then no problem! But if those numbers are too high then your blog visitors won't be impressed.

So the best way is to have an invisible or hidden alexa widget at start, work up your way through higher rank and then make it visible for viewers. So I'm going to show you how to add hidden alexa widget to blogger blogs.

How to Add Hidden Alexa Widget to Blogger?

Actually there are two ways by which you can make alexa widget invisible. Below I have shared both the methods.

Method 1:

  1. Login to your Blogger dashboard and go to 'Layout' and then click on 'Add a Gadget' on sidebar or footer.
  2. Then scroll down to 'HTML/Javascript' widget and choose it.
  3. Now add this below code to the widget.
<a href="http://www.alexa.com/siteinfo/www.androidcanvashq.com" style="opacity: 0;" target="_blank"><script src='http://xslt.alexa.com/site_stats/js/s/a?url=http://www.androidcanvashq.com' type='text/javascript'></script></a>

And change the site links to yours and save. Done! Now you have hidden alexa widget but still get to increase your stats without affecting user experience.

Don't Miss: Paytm IRCTC 100% Cashback Offer on Ticket Booking

Method 2:

  1. As for the second method follow steps 1 & 2 given above and add 'HTML/Javascript' widget to blog footer or sidebar.
  2. Now copy paste this code to the widget.
<div style="visibility: none;"> <a href="http://www.alexa.com/siteinfo/www.androidcanvashq.com" style="opacity: 0;" target="_blank"><script src='http://xslt.alexa.com/site_stats/js/s/a?url=http://www.androidcanvashq.com' type='text/javascript'></script></a> </div>

Change the site links as preferred and save. You can use any of the above method to add hidden alexa rank widget to blogger.

Must Read: How to Change Twitter Username - @ Handle

That's it! Now you can start increasing your alexa stats without worrying about your visitors seeing poor alexa rank. I have given the method for adding the widget to blogger platform but you can use the same code to hide alexa widget on wordpress or similar platforms too.

No comments