根据设备(iPhone或Android)在AMP上呈现不同的内容

时间:2018-11-06 09:12:31

标签: php amp-html

我想根据用户的设备创建动态内容。

例如,如果用户正在使用我的网站浏览AMP版本, iPhone,我的应用下载链接应显示为: 下载用于iPhone (href =应用商店链接)

但是,如果用户使用Android设备浏览,我想将下载应用程序链接呈现为: 下载Android版(href = google play链接)

问题在于AMP页面被缓存,我不知道如何根据设备类型动态呈现内容。

3 个答案:

答案 0 :(得分:1)

恕我直言,您可以使用amp-access来实现。如果您可以根据user-agent的{​​{1}}请求中的authorization识别设备,并在amp-access响应amp-access中设置一个标志,则可以有条件地渲染按钮。

答案 1 :(得分:0)

Here是使用amp访问的示例。在授权请求中,您可以访问用户代理,因此将在此处设置设备的类型。在该示例中,它基本上检查/ deviedetection中是否存在android,然后返回iPhone。

答案 2 :(得分:-1)

您可以使用此插件检测设备,然后根据设备类型(IOS / Android)加载正确的AMP内容。

Mobile-Detect