Web Design by Chameleon

Google reCAPTCHA Badge Always Showing – Hide It

When you enable the new Google reCATPTCHA V3 it will display by default “protected by reCAPTCHA” on your website at all times and this badge will be visible in the bottom right corner of the screen. When your mouse goes over the badge the larger badge will appear as a pop out.

Google reCAPTCHA badge always showing

This doesn’t look too bad on a desktop but on a mobile device this is a real pain and there are no options to hide this.

When you accept the reCAPTCHA Terms and conditions part of this is to inform visitors to the website that you are using the reCAPTCHA new system.

Google reCAPTCHA V3 Terms and Conditions

So what options do you have to hide Google reCAPTCHA V3 Badge?

Google released in December 2018 a new update and with this information which can be found here https://developers.google.com/recaptcha/docs/faq

Should I use reCAPTCHA v2 or v3?

reCAPTCHA v2 is not going away! We will continue to fully support and improve security and usability for v2.

reCAPTCHA v3 is intended for power users, site owners that want more data about their traffic, and for use cases in which it is not appropriate to show a challenge to the user.

For example, a registration page might still use reCAPTCHA v2 for a higher-friction challenge, whereas more common actions like sign-in, searches, comments, or voting might use reCAPTCHA v3. To see more details, see the reCAPTCHA v3 developer guide.

I’d like to hide the reCAPTCHA badge. What is allowed?

You are allowed to hide the badge as long as you include the reCAPTCHA branding visibly in the user flow. Please include the following text:

This site is protected by reCAPTCHA and the Google
Privacy Policy and
Terms of Service apply.
For example:

Google reCAPTCHA V3 Options

How To Hide The Google reCAPTCHA Badge

Reading online various people suggesting using display: none; in the CSS but this will override the system and the Google reCAPTCHA will not function.

.grecaptcha-badge {
display: none;
}

NOTE: This is not the correct method to hide the Google reCAPTCHA Badge.

The correct method from our testing to hide the Google reCAPTCHA Badge is to use:-

.grecaptcha-badge {
visibility: hidden;
}

Now it is important to add the message Google reference’s in the link shared earlier with the links to https://policies.google.com/privacy for the Privacy Policy and also the https://policies.google.com/terms for the Terms of Service.

Hide The Google reCAPTCHA Badge On All Pages Other Than Your Contact Page If Using WordPress

If you want to take the above advice and then make it still appear on the contact page you can do this. First, you need to find the page ID number.

  • Login to your WordPress website site and navigate to the Pages menu in your admin dashboard.
  • Click on the contact page.
  • Once in the edit screen, look at the URL in your web browser.
  • The Page ID is the number in the URL.

On Chameleon we have this:- https://www.chameleonwebservices.co.uk/wp-admin/post.php?post=45&action=edit

This means that page ID is 45 and now we can add the following CSS:-

/* Hides Google reCAPTCHA Badge on all pages */
.grecaptcha-badge {
visibility: hidden !important;
}

/* Enable Google reCAPTCHA Badge on the contact page */
.page-id-45 .grecaptcha-badge {
visibility: visible !important;
}

Note: You have change the page ID number to your page ID for obvious reasons.

AMP Building the future web, together.

If you are involved in web development then you should be aware of the AMP Project. This is an open-source initiative project which is aiming to make the web better for all by changing the way websites are constructed to make them fast for mobile devices.

The project enables the creation of websites and ads that are consistently fast, beautiful and high-performing across devices and distribution platforms.

What AMP Provides

Higher Performance and Engagement with web pages and ads published in the AMP open-source format load near instantly, giving users a smooth, more engaging experience on mobile and desktop. Flexibility and Results for publishers and advertisers can decide how to present their content and what technology vendors to use, all while maintaining and improving key performance indicators. This is a collaborative effort and AMP is built thanks to a deep collaboration with thousands of developers, publishers and websites, distribution platforms and tech companies. More than 1.5B AMP pages have been published to date and 100+ leading analytics, ad tech and CMS providers support the AMP format.

AMP helps the Washington Post increase returning users from mobile search by 23%. With nearly 55% of their traffic coming from mobile devices, The Washington Post knows that providing a great reading experience on mobile devices is critical to their long-term success. In particular, The Post is focused on making their mobile content load as quickly as possible, because data shows that people abandon websites after just three seconds if the content doesn’t load quickly.

In June 2015, The Washington Post joined a group of publishers and technology companies to create the Accelerated Mobile Pages Project, a new open standard for publishing content which loads instantly, anywhere across the mobile web.

The Post publishes over 1,000 articles in AMP every day, and they’re already seeing concrete benefits. “We have seen load times average 400 milliseconds, an 88% improvement over our traditional mobile website. This has made readers more likely to tap on Washington Post stories because they know our articles will load consistently fast.”

AMP has been great for retention as well. Traditionally 51% of mobile search users return to The Washington Post within 7 days. For users who read stories published in AMP, this number jumps to 63%.

Read the study for more information – CLICK HERE Washington Post AMP Study


validator.ampproject.org

ampbyexample.com

ampbyexample.com/playground

ampstart.com

cdn.ampproject.org/experiments.html

github.com/ampproject/amp-toolbox

The Value Of Time

Have you ever thought about the effects of rushing a job?

In the Web Design and SEO World clients often want things done now! or Yesterday.

They never stop to take time to think that to be great you need time to achieve GREAT.

At Chameleon, we often get asked “How long will it take” for our web design and SEO tasks.

Clients come to us because of referrals, seeing other work we have completed or finding us top of Google but they often do not appreciate the time taken to achieve some of the amazing work we complete.

Christmas Tree Supplier Website For Sale

christmas tree cabin
If you are a supplier of Christmas Trees, we have a unique opportunity to be taken.

The website http://www.christmastreecabin.co.uk/ which was registered on: 13th May 2015 is FOR SALE. Anyone looking to sell Christmas Tree’s online should not miss this opportunity.

This website ranks in Google for example:-

Noble Fir Real Christmas Trees


Blue Spruce Real Christmas Tree


Christmas trees for Shopping Centres


extra large christmas trees delivered


extra large christmas trees



To show an example of website product hits:-

Product NameModelViewedPercent
Blue Spruce Real Christmas TreeBSRCT1035315.19%
Norway Spruce Real Christmas TreeRNSCT885813%
Nordman Fir Real Christmas TreeNFRCT834012.24%
Fraser Fir Real Christmas TreeRFFCT790511.60%
Norway Spruce Potted Tree Approx 3FTNSPT3FT706410.36%
REAL LARGE CHRISTMAS TREES FROM 15FT – 25FTRLCT64609.48%
Noble Fir Real Christmas TreesNFRCT61288.99%
Cinco 10 Classic Tree StandC10CTS52307.67%
Cinco 5 Classic Tree StandC5CTS38425.64%
Cinco 7 Classic Tree StandC7CTS36935.42%

To enquire please call 0121 663 0456

Holiday Inn® Birmingham Airport hotel BHX

Today we are proud as the new Holiday Inn® Birmingham Airport hotel is launched.

Visit – http://www.hibirminghamairport.co.uk/

The website is something that we are proud to have been involved in due to the status as this website is an iconic Hotel for Birmingham due to the location at Birmingham Airport.

holiday in birmingham airport website launched

The Holiday Inn® Birmingham Airport hotel is located only two miles from Birmingham Airport (BHX) and Birmingham International train station.

The hotel is also located near the NECGenting Arena, the Vox Conference Centre and has its own Aspire conference centre. Also, there is the Resorts World Birmingham home to a casino, shops, restaurants and an IMAX cinema.

This hotel also has internally a Marco’s New York Italian Restaurant making this even more special.