移动电子邮件正文:根据客户端应用更改链接

时间:2014-07-23 13:21:03

标签: email mobile html-email deep-linking

想要显示适当的深层链接:http://en.wikipedia.org/wiki/Mobile_deep_linking所以如果安装了android并没有安装我们的应用:显示Android应用链接,否则html页面链接

应用程序向用户发送电子邮件。希望能够根据设备更改链接。如果桌面 ​​- 原样。如果移动通过邮件正文并添加“m”。如果我们的原生应用程序已安装,请访问所有href或其他链接。

移动邮件客户端是否运行js?

我是否需要对js进行编码。尝试谷歌但无法获得正确的搜索关键字。最后是关于发送网格或使用js发送电子邮件的页面。

我希望js在电子邮件正文中。我知道可以在服务器上更改模板,但希望它对当前客户端是动态的。所以在桌面上打开同样的电子邮件 - >桌面链接;在移动应用程序或浏览器内部 - 移动链接。

或者其他HTML解决方案会很酷。 W3你在听吗?

2 个答案:

答案 0 :(得分:3)

您可以使用媒体查询显示/隐藏链接,具体取决于设备。试试这个:

<style>
  @media only screen and (max-device-width: 500px) {
    a[class=mobileLink] {
      display: inline !important;
      font-size: 24px !important;
    }

    a[class=desktopLink] {
      display: none !important;
    }
  }
</style>

<!-- Starting link switching technique -->

<a href="link/for/desktop/version" class="desktopLink">HTML page link</a> 
<a href="link/for/mobile/version" class="mobileLink" style="display:none; 
   font-size:0px">Mobile page link</a>

<!-- End link switching technique -->

是的,Outlook忽略display:none但如果链接只是文本,则font-size:0px应该注意。

答案 1 :(得分:1)

  

想要显示适当的深层链接:http://en.wikipedia.org/wiki/Mobile_deep_linking所以如果安装了android并没有安装我们的应用:显示Android应用链接,否则html页面链接

这不能在电子邮件中完成,但可以在着陆页中完成,例如电子邮件的网络版。

  

应用程序向用户发送电子邮件。希望能够根据设备更改链接。如果桌面 ​​- 原样。如果移动通过邮件正文并添加“m”。如果我们的原生应用程序已安装,请访问所有href或其他链接。

这可以通过使用媒体查询在适当时隐藏/显示桌面或移动内容来完成。 (响应电子邮件。)

  

移动邮件客户端是否运行js?

不 - 安全问题。

  

我是否需要对js进行编码。尝试谷歌但无法获得正确的搜索关键字。最后是关于发送网格或使用js发送电子邮件的页面。

没有什么可以让JS在电子邮件客户端中工作。它不会起作用。

  

我希望js在电子邮件正文中。我知道可以在服务器上更改模板,但希望它对当前客户端是动态的。所以在桌面上打开同样的电子邮件 - &gt;桌面链接;在移动应用程序或浏览器内部 - 移动链接。

再一次,这可以使用媒体查询来完成。 (响应式电子邮件。)有一些缺点,但我建议谷歌搜索“响应电子邮件”开始。

  

或者其他HTML解决方案会很酷。 W3你在听吗?

他们在电子邮件世界中无能为力。与网络浏览器不同,在网络浏览器中,有一些标准,在电子邮件世界中,任何事情都会发生。

编辑:虽然使用媒体查询显示设备的相应链接/按钮,但它不是一个防弹解决方案。最佳解决方案是使用Web服务器的功能来确定用户应该去哪里,具体取决于用户代理或视口大小。