Javascript Google Custom search engine

Question

Issue - Error

I get this error,

Error: CSE.js:130 Uncaught ReferenceError: google is not defined

Issue - Description

However, if I use the chrome console in web tools, if google.search.... is used, it works.
not sure why google isn't loading in the context of my code, please help.

Code

    // Generate CSE Script
    let scr  = document.createElement('script'),
    head = document.head || document.getElementsByTagName('head')[0];
    scr.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cse_cx;
    scr.async = false; // optionally
    head.insertBefore(scr, head.firstChild);

    // Get Results Element
    let element = google.search.cse.element.getElement('searchresults-only0');

after code executes, etc.

doing this will work

@MKant yes, it loaded via js then i try to execute my code, perhaps should i do some kind of onload or ducment ready? — X3R0
– X3R0, Commented Apr 23, 2020 at 17:31
Run your last statement inside a window.onload wrapper or move it to the end of the body tag so the script has time to load. — isherwood
– isherwood, Commented Apr 23, 2020 at 17:31

Andy · Accepted Answer · 2020-04-24 14:18:16Z

2

You might want to use the Search Element initialization callback in this case. Check out https://developers.google.com/custom-search/docs/element#init-callback

answered Apr 24, 2020 at 14:18

Andy

5173 silver badges5 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

X3R0 · Accepted Answer · 2020-04-23 17:34:12Z

0

So adding a "Delay" works,

I wrapped my code with a setTimeout(function(){ /*CODE HERE*/ }, 1000); after dynamically injecting the script.

answered Apr 23, 2020 at 17:34

X3R0

6,4152 gold badges19 silver badges45 bronze badges

2 Comments

t.niese Over a year ago

While this workaround might "solve" the problem for you it is not a good idea to do it that way. You should check if the library provides a way to figure out if it is loaded.

Manit Over a year ago

the delay is not a perfect solution to be honest though the code might work. What you should be doing is figure out if you have a handler in the library which gives you a way to execute the code afterwards the library is done loading

Collectives™ on Stack Overflow

Javascript Google Custom search engine

Issue - Error

Issue - Description

Code

after code executes, etc.

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Issue - Error

Issue - Description

Code

after code executes, etc.

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related