How to add Google Serps in blogger website

Google SERPS

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:
  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=""></script>
  function handleClientLoad() {
    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.';
<div id="mobile-friendly"></div>
 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

Newer Posts Older Posts

Related posts