Google Search with Multiple languages only returns default language

[johnhansarickWallaroo]

Environment

• Version of Docsy you are using: v0.12.0
• How are you using Docsy? As a:
  • Hugo module
  • NPM module
  • Git submodule
  • Other:
• Version of Hugo you are using (output of hugo version): hugo v0.148.2+extended
• OS:
  • Linux
  • macOS
  • Windows
  • Other:

Problem

The following is in the Docsy search documentation: https://www.docsy.dev/docs/adding-content/search/ regarding Google Search:

Add your Google Custom Search Engine ID to the site params in hugo.toml/hugo.yaml/hugo.json. You can add different values per language if needed.

Based on this, we have:

contentDir = "content"
defaultContentLanguage = "en"
defaultContentLanguageInSubdir = false

[languages]
  [languages.en]
     [languages.en.params]
        gcs_engine_id="abc123"
  [languages.fr]
     [languages.fr.params]
        gcs_engine_id="zyx987"

So if you go to:

sample.site - enter a search, returns sample.site/search?q=blahdeblah
sample.site/fr - enter a search, returns sample.site/search?q=blahdeblah

In either case, the site it returning the default language as the search parameter. Using the defaultContentLanguageInSubdir = true option just breaks Google search entirely (as related in another ticket).

I've tried playing about with the /assets/js/search.js to tweak the var searchPage = '{{ "search/" | absURL }}?q=' + query; line with absLangURL, but that doesn't make it any happier.

Any recommendations or tips from people who have been through this and found a solution? My only guess is the layouts/_partials/search-input.html used will always default to the default language, but I'm not educated enough to see why.

[johnhansarickWallaroo]

OK - figured out what the main issue is.

In scripts.html we have this line:

{{ $jsSearch := resources.Get "js/search.js" | resources.ExecuteAsTemplate "js/search.js" .Site.Home -}}

Which is all fine and good - except it will always bring the search.js script line:

var searchPage = '{{ "search/" | absURL }}?q=' + query; based on the default language. Even if you change it to:

var searchPage = '{{ "search/" | absLangURL }}?q=' + query; - no good, it's going off the default language after all.

So how to fix it? I'm not a great coder, but seems you'd need something to capture the language parameter, and then fill in the searchPage variable from the proper gcs_engine_id. I've seen that if you hard enter the search paramters into the sample.site/fr/search?q=blahblahblah it grabs it that way.

[johnhansarickWallaroo]

Last one just to show what worked for me. I edited the /assets/search.js as follows:

          //figure out what language we came from
          var language = document.querySelector('meta[property="og:locale"]').content
          if (language === 'en') //this is when Hugo defaultContentLanguageInSubdir = false
            language=''
          var searchPage = '{{"/" | absURL }}'+language+'/search?q=' + query;

It's messy, but it works between the different languages. If someone has a better idea I'm glad to hear it, but this "works" for my system.

For now, I have to hard code the language - for some reason, the defaultContentLanguageInSubdir is not something that the templates can grab.

Edit: Fixed the URL to absURL instead of the hard coded one....