Articles in this section

See more

Multilingual support when using GTM

Avatar
Cookiebot support
  • Updated
Follow

In Google Tag Manager (GTM), the language of the Cookiebot consent banner can be controlled by a GTM variable, e.g. a fragment of the current URL on the website.

We assume that you have already implemented the Cookiebot CMP tag in GTM.

While this can be achieved in multiple ways, you may for example create a Custom JavaScript Variable named "Current Language" that returns a two-letter ISO language code based on custom logic. In this example, the language is set to either French or Spanish and will default to English, depending on the path of the URL that the user is currently visiting on your website:

function()
{
  var currentUserPagePathname = location.pathname.toLowerCase();
  var currentUserPageCulture = "en"; //default to English

  if (currentUserPagePathname.indexOf("/fr")==0)
  {
    currentUserPageCulture = "fr";
  }
  else if (currentUserPagePathname.indexOf("/es")==0)
  {
    currentUserPageCulture = "es";
  }
  
  return currentUserPageCulture
}

 

Once saved, add the variable to your Cookiebot CMP tag in GTM by setting the "Language" dropdown to "By GTM Variable" and select the {{Current Language}} variable.

   

lang2.PNG

Related articles

Comments

3 comments

Sort by Date Votes
  • Avatar
    Ilya Averyanov

    Hi Jacob,

    Thank you for your documentation!

    What should I write in currentUserPagePathname.indexOf(" ") if I want English to be displayed on my mydomain.com root domain, while German to be displayed on my de,mydomain.com subdomain?

    Kind regards,
    Ilya

    0
    Comment actions Permalink
  • Avatar
    Stephen Greis

    Hi,

    you don't have to write custom javascript for that. Simply do the following steps:

    • In GTM create a new variable of type "javascript variable" and name it "Current Language".
    • Set as name of the global variable: document.documentElement.lang
    • Save the GTM variable
    • Edit the Cookiebot Tag
    • As "Language" set "By GTM variable"
    • As "Language variable" set: {{Current Language}}
    • Save the Tag

    That's it...

     

    0
    Comment actions Permalink
  • Avatar
    Richard van der Velde

    Hi Stephen,

    Thanks for the tip. It's definitely useful, but probably not quite enough by it self.
    For example on this page, this property returns "en-US". We would have to trim off the "-US" part to make this work. Using this instead should do the trick: document.documentElement.lang.substring(0,2)

    This requires that the lang attribute is set and actually reflects the preferred language though.

     

     

    0
    Comment actions Permalink

Please sign in to leave a comment.