Update Custom Search Engine Adsense For AMP Blogs [100% working]

Update Adsense Custom Search Engine For AMP Blog 2020 - One obstacle or problem on AMP HTML blogs is that there is no support for the use of search ads or Adsense custom search engine ads. Though clicking on the Adsense search ad is pretty good too (if there are many searches on the blog), so it's a shame if the Adsense custom search engine isn't optimized, especially on the AMP blog.

Previously I have tried to create a custom AdSense search engine for AMP, and the search appears, but the ads do not appear. You can see these posts in the following link.

Actually the current trick is also almost the same as the previous trick, but now it doesn't use Github to display search results.

The current trick is to use a blog created specifically to display search results using sub domains.

With sub domains, Adsense search ads will immediately appear because the blog does not need to be reviewed first, just add the sub domain in the Adsense dashboard.

And this trick is 100% working, please try the Magic Company blog search box as the demo.

If you want to try it, please follow the steps below.

Create a New Blog to Display Search Results

Please create a new blog to display search results and please use a special theme that I created. Immediately copy all the template code from notepad then overwrite all the edited code html. Please download the search results theme.

Download Search Result Theme

Then please create a sub domain and install it on the blog earlier, don't forget to enable the HTTPS. Like this Magic Company blog using search.yourdomainame.com sub domain to display CSE Adsense search results. Then add the sub domain in the Adsense dashboard.

Create a Custom Search Engine on Adsense

Please enter your Adsense dashboard and select Ads for search > Custom Search Engine , then please click the + New Custom Search Engine button.

The next step:

• Then please give a name to your blog's Custom Search Engine.

• For What to search, please select Only sites I select, then enter the URL of your blog in the box below. Please adjust the country and language. If you want you can provide a Custom Channel.

• Click the Configure styles link to select a style. This will enter the Custom Search page. In the Layout section, select Full Width then Save .

• For Search Results please select on my website

• For the URL where the search results will be displayed, please fill in the blog URL that displays the CSE Adsense search results created earlier that use sub domains.

• Then Save and Get

Then please go to the HTML edit blog that uses the sub domain earlier and look for code like the one below the HTML edit.

<script async='async' src='https://cse.google.com/cse.js?cx=partner-pub-3597723085513015:6800528525'/>
<div class='gcse-search'/>
 
<a class='back-to-blog' href='https://www.yourdomainame.com/' title='Kembali ke homepage'>Kembali ke homepage</a>

Change the code marked with the code copied above earlier. And replace the URL https://www.yourdomainame.com/ with the URL of your main blog.

Customize Blog Search Box with Custom Search Engine Adsense

Now just adjust the Search Box on your blog. We will not change the appearance of the Search Box blog, just change the code in the Search Box form to connect to the blog search results that we previously created.

Suppose I exemplify your blog's Search Box form code as below.

<form action="//www.google.com/search" method="get" target="_top">
  <input class="query" name="q" type="text"/>
  <button type="submit">Search</button>
</form>

Please replace the URL in the action form with the URL of the search results blog for the Search Results that were created (attention, the URL must be HTTPS).

Then please add the following code.

<input type='hidden' name='cx' value='partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx' />
<input type='hidden' name='ie' value='UTF-8' /

Please adjust the partner-pub-xxxxxxxxxxxxxxxx:xxxxxxxxx code with a code similar to that from the Search Results code.

So that the appearance becomes like the following.

 <form action=" URL of search results blog "method =" get "target =" _ top ">
<input type = 'hidden' name = 'cx' value = ' partner-pub-xxxxxxxxxxxxxxxx: xxxxxxxxx '/>
<input type = 'hidden' name = 'ie' value = 'UTF-8' />
<input class = "query" name = "q" type = "text" />
<button type = "submit"> Search </button>
</form>

Done ... please test your blog's Search Box.

Good luck....