深度视图中语言偏好的胡子变量？

Question

我的公司正在使用 branch.io 运行应用程序下载电子邮件活动。由于用户可能会在桌面或手机上打开给定的链接，因此我们需要同时支持这两种情况。

我们实现了一个分支“Deepview”，因为我们喜欢文本下载功能的易用性。问题是，似乎没有任何方法可以提供此视图的本地化版本，而且我们支持多种不同的语言。

因为我无法在自定义深度视图中运行脚本（branch.io 将它们删除，我假设出于安全原因），并且因为我无法访问语言 mustache 变量，所以我无法更改内容按区域设置。

有没有办法根据 URL 参数或（理想情况下）基于 window.navigator.language(s) 本地化深度视图？如果我只是为用户的 language_code 公开了一个 mustache 变量，那么一切都可以正常工作。

这是我尝试破解它的方式：

.lang-en .phone-number-label:after {
    content: "Phone Number";
}
.lang-en .btn-submit-label:after {
    content: "Send Me The App";
}

<div class="container lang-en">
  <h3 class="phone-number-label"></h3>

  <input name="phone" id="phone" placeholder="+1 (123) 123-1234" type="text" class="phone-input"></input>

  <button id="phone-submit" type="submit" class="phone-submit">
    <span class="btn-submit-label"></span>
  </button>
</div>

“lang-en”的生成方式如下：

<div class="container lang-{{language_code}}>...</div>

我通过从 url 劫持 $og_description 来简单地让它工作：

https://bnc.lt/my-branch-link?$og_description<language_code_provided_as_query_param>

但过了一会儿，{{link_data.$og_description}} 完全停止进入 mustache 模板（当作为 url 参数传递时）。这也可能不是很好的做法。让我知道是否有人在这里有解决方案，或者 branch.io 开发人员是否愿意在他们的 mustache 模板数据中公开这个变量。

Answer 1

我有好消息！ Branch Deepviews 使用 Handlebars，利用它可以让您设置“获取应用程序”——“安装后立即查看此内容”和其他带有深度链接值的变量。让我向您展示一些代码和我刚刚为您构建的示例的屏幕截图。

代码示例：

<a href="{{action}}" class="cta-button text-light{{#unless app.og_image_url}} cta-button--no-app-icon{{/unless}}{{#if no_data}} cta-button--no-app-icon{{/if}}">{{#if link_data.cta_text_localized}}{{link_data.cta_text_localized}}{{else}}Get The App{{/if}}</a>

Handlebars 在此处为“获取应用程序”按钮发挥作用：

{{#if link_data.cta_text_localized}}{{link_data.cta_text_localized}}{{else}}Get The App{{/if}}

为了说明，如果此链接中存在深层链接值“cta_text_localized”，则使用该字符串作为“获取应用程序”按钮，否则使用“获取应用程序”。您可以从仪表板的营销部分配置深层链接数据，位于“添加链接”对话框的底部，附上截图：

我的 ES 自定义 Deepview 的屏幕截图，注意更改后的“获取应用程序”按钮：

如您所见，使用从我的深层链接值“cta_text_localized”中获取文本的液体标签，我将“获取应用程序”按钮设置为自定义字符串。使用此方法，您将为要显示的每种语言创建一个链接，相应地设置您的深层链接值，而您的模板始终从同一个变量中提取。