amp-social-share 中的共享计数答案

【问题标题】：Share count in amp-social-shareamp-social-share 中的共享计数
【发布时间】：2019-04-12 20:25:48
【问题描述】：

我正在使用 amp-social-share 在我的 amp 页面上实现社交分享。我想获得分享数。但我在与此相关的 amp 文档中找不到任何合适的方法。有什么方法可以在 amp 页面中获取社交分享数？

【问题讨论】：

标签： share amp-html

【解决方案1】：

amp-social-share 组件无法显示共享计数。

目前amp-social-share 不会与社交平台就分享次数或其他数据进行任何沟通。社交分享仅使用每个平台的端点（您可以在 default config 中看到）来添加分享功能。

【讨论】：

【解决方案2】：

以下解决方案是更新观看次数和分享次数的变通方法。我将使用 amp-list 来更新视图和分享数

使用 GET API 端点维护 amp-state 以更新共享计数并根据需要命名状态（我将其命名为共享）。

将 amp-list 放在正文的开头，因为 amp-list 会在 html 标签即将在页面上显示时开始呈现：p

<amp-list id="myList" src="your API end-point to update view-count" [src]=do.url>
  <template type="amp-mustache">
 </template>
</amp-list>

<amp-state id="myState">
  <script type="application/json">
    {
      share:{
          "url":"your API end-point to update share-count"
      }
    }
  </script>
</amp-state>

最后，在 amp-social-share 标签中，将 role="button" on="tap:setState({do='share'})" 添加到元素中。

这样，您甚至可以在特定社交媒体平台上分享您的文章。

参考：https://amp.dev/documentation/examples/components/amp-list/?referrer=ampbyexample.com

【讨论】：