Javascript&；谷歌网站翻译-自动加载所选语言的网页

我对Javascript和Web编程相当陌生。我正在努力学习如何将网站页面自动翻译成用户选择的语言。我有一个后端页面，用户可以在其中决定设置默认语言，并在任何页面加载时自动转换为该语言。我遇到的问题是，如果用户从google下拉列表中更改语言，尽管在他们的个人资料中选择了语言，但它将使用最后选择的语言。我这里有这个代码：

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'nl', includedLanguages: 'nl,it,en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: true, multilanguagePage: false}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


<style>
.goog-te-banner-frame.skiptranslate {
    display: none !important;
} body { top: 0px !important; }
.goog-tooltip {
    display: none !important;
}
.goog-tooltip:hover {
    display: none !important;
}
.goog-text-highlight {
    background-color: transparent !important;
    border: none !important; 
    box-shadow: none !important;
}
</style>
<p>Here is the Area where Google fetches the part to be translated</p>

函数googleTranslateElementInit（）{
新建google.translate.TranslateElement（{pageLanguage:'nl'，IncludeLanguages:'nl，it，en'，布局：google.translate.TranslateElement.InlineLayout.SIMPLE，自动显示：true，多语言页面：false}，'google_translate_元素'）；
}
.goog-te-banner-frame.skiptranslate{
显示：无！重要；
}正文{top:0px！重要；}
.goog工具提示{
显示：无！重要；
}
.goog工具提示：悬停{
显示：无！重要；
}
.goog文本突出显示{
背景色：透明！重要；
边界：没有！重要；
盒影：无！重要；
}
这里是谷歌获取要翻译的部分的区域

这是我的小提琴：

在本例中，我想预先声明用户在其个人资料中输入了默认的荷兰语。如果在一个页面上，他们从翻译下拉列表中选择：意大利语，无论我如何编写代码或在后端设置什么，它都将始终使用意大利语。这也让我很难在系统/浏览器上自动检测到语言，因为网站最初不会将其更改为该语言。这将永远是英语或任何语言，他们选择从另一个网站

我看了以下关于堆栈溢出的答案，这些答案都没有帮助：。但什么也做不到我需要的。这里有人能提供帮助吗？谢谢大家!