Here are steps to create a custom search in Drupal 7/8.drupal custom search 7/8

  1. Create a drupal custom search engine using expertrec from
  2. Inside your expertrec control panel, enter your drupal sitemap URL.
  3. Wait for your site crawl to complete.
  4. Download and Install google tag manager extension for drupal from here. custom search 7/8
  5. Once you install, enter your google tag manager ID. Click on save configuration.drupal custom search 7/8
  6. Go to and copy your code.
  7. Copy the first part of the code in your control panel drupal custom search 7/8
  8. <script>
    (function() {
    var id = 'YOUR_API_KEY';
    var ci_search = document.createElement('script');
    ci_search.type = 'text/javascript';
    ci_search.async = true;
    ci_search.src = '' + id;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ci_search, s);

    Add this code to your google tag manager.drupal custom search 7/8Replace YOUR_API_KEY with your api key.

  9. Add Triggers ( set to all pages).
  10. Go to Structure-> Block layout-> Header ->Place block-> Add custom block-> click on source and enter the following code. (choose full HTML). This places the search box in your header

    drupal custom search 7/8

  11. Click save.
  12. Now the search box will be added to the header section of your drupal site.drupal custom search 7/8

muthali ganesh

Muthali loves writing about emerging technologies and easy solutions for complex tech issues. You can reach out to him through chat or by raising a support ticket on the left hand side of the page.

You may also like