How to add Google Serps in blogger website

Here's a script that you can use to add Google SERP (Search Engine Results Page) features to your Blogger website:

1. Go to the Google Developers page for the Search Console API: https://developers.google.com/search/apis/console.
2. Sign in with your Google account.
3. Click on the "Create a Project" button.
4. Enter a name for your project and click on the "Create" button.
5. From the left-hand menu, select "APIs & Services" > "Dashboard".
6. Click on the "Enable APIs and Services" button at the top of the page.
7. Search for "Search Console API" and select it.
8. Click on the "Enable" button.
9. From the left-hand menu, select "Credentials".
10. Click on the "Create credentials" button and select "OAuth client ID".
11. Select "Web application" as the application type.
12. Enter a name for your OAuth client ID and add the authorized JavaScript origins and redirect URIs for your Blogger website.
13. Click on the "Create" button to generate your client ID and secret.
14. Copy your client ID and secret.

To add the Google SERP features to your Blogger website:

1. Go to your Blogger dashboard and select the blog you want to add the SERP features to.
2. Click on "Layout" from the left-hand menu.
3. From the layout options, select the area where you want to add the SERP features (such as the header or footer).
4. Click on the "Add a Gadget" button in that area.
5. Select the "HTML/JavaScript" gadget.
6. Paste the following code into the "Content" section:

<script src="https://apis.google.com/js/platform.js"></script>

<script>

  function handleClientLoad() {

    gapi.client.setApiKey('YOUR_API_KEY');

    gapi.client.load('searchconsole', 'v1', function() {

      var request = gapi.client.searchconsole.urlTestingTools.mobileFriendlyTest({ 'url': 'YOUR_WEBSITE_URL' });

      request.execute(function(response) {

        if (response.mobileFriendliness === 'MOBILE_FRIENDLY') {

          document.getElementById('mobile-friendly').innerHTML = 'This site is mobile friendly.';

        } else {

          document.getElementById('mobile-friendly').innerHTML = 'This site is not mobile friendly.';

        }

      });

    });

  }

</script>

<div id="mobile-friendly"></div>

<script>handleClientLoad();</script>

 6. Replace YOUR_API_KEY with your client ID and YOUR_WEBSITE_URL with the URL of your Blogger website.
7. Click on "Save" and then "Save Arrangement" to update your Blogger website.

Your Blogger website should now display a message indicating whether it is mobile-friendly or not based on Google's mobile-friendly test. Note that this is just one example of the many SERP features you can add using the Search Console API.

Copyright © YOYO TECH TIPS

Hey there, tech enthusiasts! I'm S.M. Zubair, the brains behind YoyoTechTips.

Welcome to YoyoTechTips. I hope you have enjoyed this article. 🚀 Dive into a world ofBlogging Tutorials, Cutting-edge Tech Updates, Online Earning Hacks, Web Development Insights, Educational Article, SEO Secrets, and all kind of Internet Technology tricks are shared on our website. Read more About Us. Join Our Community and submit your articles. Subscribe to Newsletter and Download Our android app. Stay with us...
Stick around for the latest updates and don't forget to show some love by liking our Facebook page! ❤️

Newer Posts Older Posts