![]() Compatibility: works on all modern browsers (IE10 and lower won’t be able to track the first translation method). Download the Page Translation Tracking Recipe hereĬurious how this Page Translations tracking with Google Tag Manager is working in detail? Continue reading.Īnd here is the listener written by yours truly. Solution: Track Page Translations with Google Tag Managerįor your convenience, I have also prepared a GTM recipe that will automatically create all the items described below. To sum up, every time a page is loaded and the hostname belongs to Bing’s or Google’s translation services, we’ll track that as a page translation (+ read the value of the query parameter that contains the translation language). ![]() One of them indicates the translation language. Bing’s translated page’s URL will belong to Also, the URLs of the translated page contain various query parameters.Google’s translated page’s URL will belong to.If (at the same time) you open the GA Real-time reports, you’ll notice that the hostname of the page contains a totally different hostname (if you have implemented the Show Full URL filter): Once you click the URL, the translated page will be opened in the iFrame. You just have to visit their websites, paste the URL you wish to translate and then the translator will generate a link to the translated page. The second translation method that I stumbled upon is by simply using the web interface of the popular translation services. Translation Method #2: Google Translate or Bing Translator websites Such translations will be displayed as “on-page google translate” in your Data Layer and GA reports. This dropdown is also supported by the solution (explained in this blog post). Not sure about that).Īn alternative solution to how the page can be translated is by implementing the Google Translate language dropdown. Once you reload the page, the translation will be gone (unless, maybe, there are some settings that always for the translation. Therefore, we can use it as a triggering condition to capture the exact moment when a visitor translates the page. Luckily with JavaScript, this DOM manipulation can be tracked. lang attribute’s value in that very same node is changed to the translation language of visitor’s choice. ![]() translated-rtl or translated-ltr class is added to the node of the website.This translation is possible because the browser manipulated the website’s Document Object Model (DOM) (a quick introduction to the DOM is available here). If you want to change the translation options, click the Google Translate icon in the website’s address bar (right corner). īoom, the entire page’s text content is now translated to your chosen language. If you’re on Chrome, do the right-click anywhere on a page and choose Translate to. Translation Method #1: “Translate to…” feature in Google Chrome (or a Language dropdown embedded on a page) I also tried to translate a website with Firefox and it looks like the Google Translate plugin just redirects a visitor to the Google Translate Website.īut before we dive into the actual solution on how to track page translations with Google Tag Manager, first let’s take a look at how the actual translations are working. ![]() Additionally, we’ll track the translation language and what kind of translation solution was used (Chrome’s built-in translation feature, Google Translate website or Bing Translator website). In this blog post, we’ll track exact moments when the translation has been activated and will send such data as events to Google Analytics (via GTM). When a visitor uses one of the aforementioned translation solutions, the language of the entire content of the website (text) is automatically changed to another language. If you notice that something big is missing here, post a comment! I’ll be more than happy to update the solution. There are probably more solutions but I found these two the most often used (sorry, no particular data, just a gut feeling). By using one of the translation websites (this blog post’s solution supports Google Translate website and Bing Translator).By using the Translate to… feature in Google Chrome (or by having a language dropdown menu implemented on a page that is using the Google Translate).When it comes to translating a page, there are two mainstream ways of doing that (as far as I know):
0 Comments
Leave a Reply. |