How to add voice search to drupal website

Here are easy steps to create a voice search engine for your Drupal website.

Pre-requisites-

1. Have a google tag manager account.
2. Have a Gmail id.
3. Have admin panel access to your Drupal website.
4. Have a valid sitemap.

Steps to add voice search-

1. Create an account with your Gmail id from https://cse.expertrec.com??platform=cse
2. Enter your Drupal site URL.
3. Enter your sitemap URL.
4. Now, expertrec would have started crawling your website. Wait for the crawl to complete.
5. Login to your Drupal control panel. Download and Install google tag manager extension for Drupal from here. https://www.drupal.org/project/google_tag
6. Once you install, enter your google tag manager ID. Click on save configuration.
7. Navigate to https://cse.expertrec.com/csedashboard/home/code and copy your code.
8. Copy the first part of the code in your control panel and add it using Google tag manager. Use the custom HTML option and set the trigger to fire on all pages where you want the search to appear.
9. Navigate 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>

    

10. Click Save.
11. Make sure you have enabled voice search in your expertrec control panel by going to UI customization->features-> enable voice search

Add Custom Search to your website