Streaming live at 10am (PST)

Google Custom Search integration does not show search results until the page is refreshed


#1

I have the paid version of Google Custom Search integrated into my site (www.targethealth.com). When I submit a search from the topnav bar, I get different results based on the browser being used:

  • Chrome: result page appears and after a brief pause the search results appear

  • IE 11: result page appears and after a 1 second plus pause the search results appear

  • Edge: result page appears, but results do not render. If the page is refreshed, the results magically appear

Not sure if this is a performance issue with Google Custom Search, a configuration issue, or both. Any help in debugging this behavior would be greatly appreciated.

My system setup is the latest versions of Chrome and Win10.

Here is a sharing link to the site:

https://preview.webflow.com/preview/target-health-staging?preview=7fa67862733c395af2fd6e98d24d02c6


#2

Ignoring the pause, your site search seems fine on all three browsers (latest versions), on Windows 10.


#3

Thanks for checking the issue out @samliew. Have you integrated Google Custom Search into a site before and experienced this delay?

Thanks
Murray


#4

A delay is expected, as data needs to be sent and await a response from Google.


#5

Chrome Dev Tools Console is showing the following error. Are there any configurations that I can make in Webflow or Google Custome Search to address this?


#6

Seems like those are ads, does it prevent the results from showing?


#7

You have this script code multiple times, try putting this once in your site’s head:

<script>
  (function() {
    var cx = '007334364937416712831:1tkzq0z0fvu';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>

And then in the “HTML Embed” sections in your design, only

<gcse:searchbox-only></gcse:searchbox-only>

or

<gcse:searchresults-only></gcse:searchresults-only>

as needed.


#8

With Google Custom Search going away, it’s time to check out Webflow’s integrated search!


#10

This topic was automatically closed after 8 hours. New replies are no longer allowed.