【问题标题】:Can we track html tags visibility in AMP?我们可以在 AMP 中跟踪 html 标签的可见性吗?
【发布时间】:2019-03-01 11:16:24
【问题描述】:

假设我在网页中间的某处有 div 块。谈到视口,我想跟踪 AMP 中的可见性。 据我所知,AMP 提供了跟踪放大器组件可见性的功能。有什么方法可以跟踪 div、a、li 等 HTML 标签?

【问题讨论】:

  • 出于什么目的?分析、动画等。如果您能完整地描述您的用例,将会更有帮助。
  • 它用于分析。例如,如果具有特定 ID 的 div 块进入视口,我想向谷歌分析发出请求。

标签: html amp-html


【解决方案1】:

在您的 googleanalytics 配置中,使用 "on":"visible" 设置触发器:

"triggers": {
    "trigger name": {
        "on": "visible",
        "selector": "#divid",
        ....
     }
     ...

有关详细信息,请参阅“触发器”部分: https://www.ampproject.org/docs/reference/components/amp-analytics#triggers

【讨论】:

  • 但是上面的代码只适用于amp组件这是他们在文档The element visibility trigger can be configured for any AMP element or a document root using selector中提到的
  • “该元素可以是 AMP 扩展元素或文档根”,所以我认为普通的 HTML 元素(那些被列入 AMP 白名单的元素)应该可以工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-06-24
  • 2020-08-05
  • 1970-01-01
  • 2012-03-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多