Add Google's Programmable Search Engine to site header

Currently, I use Squarespace's default site search tool (see top left of webpage: www.bigbiology.org). However, recently it has been buggy, so I do not get consistent results. I use the Brine template.

So, I want to add a Google Programmable Search Engine. Previous posts have discussed how to add it within a code block on a single page, but is there a way to add it to the header? I want to replace the default Squarespace search bar with this Google one. 

Here is the code from Google: 

<script async src="https://cse.google.com/cse.js?cx=a7d8af8c580b74234">
</script>
<div class="gcse-search"></div>

On 11/3/2022 at 10:19 PM, Steve_BigBio said:

Currently, I use Squarespace's default site search tool (see top left of webpage: www.bigbiology.org). However, recently it has been buggy, so I do not get consistent results. I use the Brine template.

So, I want to add a Google Programmable Search Engine. Previous posts have discussed how to add it within a code block on a single page, but is there a way to add it to the header? I want to replace the default Squarespace search bar with this Google one. 

Here is the code from Google: 

<script async src="https://cse.google.com/cse.js?cx=a7d8af8c580b74234">
</script>
<div class="gcse-search"></div>

Have you figured it out? Do you still need help?

I have not figured it out. Any assistance would be great!

On 11/7/2022 at 8:12 PM, Steve_BigBio said:

I have not figured it out. Any assistance would be great!

You can add code to Code Injection or Site Footer (Code Block), then we will give code to move it to Header

5 hours ago, tuanphan said:

You can add code to Code Injection or Site Footer (Code Block), then we will give code to move it to Header

 

I added the code to the Code Injection, but I'm not sure what additional code I need to add to place the search box in the top left corner of the header.

On 11/10/2022 at 10:32 PM, Steve_BigBio said:

I added the code to the Code Injection, but I'm not sure what additional code I need to add to place the search box in the top left corner of the header.

What is your site url? We can check code easier

On 11/13/2022 at 2:57 AM, tuanphan said:

What is your site url? We can check code easier

Hello! it is www.bigbiology.org.

I removed the code from the code injection section because I was worried it would have unintentional consequences. Should I add it back in to aid you when check things?

Thanks for the help, I really appreciate it

On 11/15/2022 at 9:10 PM, Steve_BigBio said:

Hello! it is www.bigbiology.org.

I removed the code from the code injection section because I was worried it would have unintentional consequences. Should I add it back in to aid you when check things?

Thanks for the help, I really appreciate it

You can duplicate the site & add it there, If we can provide the code, then you can do it on main site. What do you think?