drupal custom search

Drupal Custom Search

Rate this article

Share this article

Here are steps to create a Drupal custom search. In this method, we will use expertrec to create a custom search engine and use Google tag manager to add it to your Drupal site.

Drupal Custom Search

Create a Drupal custom search

  1. Create a Drupal custom search engine using expertrec from https://cse.expertrec.com/?platform=cse
  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. https://www.drupal.org/project/google_tagdrupal custom search 7/8
  5. Once you install, enter your Google tag manager ID. Click on save the configuration.drupal custom search 7/8
  6. Go to https://cse.expertrec.com/csedashboard/home/code 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 = 'https://cse.expertrec.com/api/js/ci_common.js?id=' + id;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(ci_search, s);
    })();
    </script>

    Add this code to your Google tag manager.drupal custom search 7/8 Replace 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
    <ci-search></ci-search>

    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

Get DRUPAL Search for your Website at $9

Are you showing the right products, to the right shoppers, at the right time? Contact us to know more.
You may also like