sharethis - 带有 ShareThis 的动态 URL

Question

我有一个包含用户照片的页面。每张照片都在一张卡片中。我希望允许用户单独分享每张图片。

这是我的 html:

<div class="sharethis-inline-share-buttons" data-url="http://{{recent.photo.url}}" data-title="Check out this picture by {{uploaded_by}}"></div>

但它只共享基本网站 ( http://myexample/photopage/ )

我发现我也可以使用<span>或 Javascript，但它看起来不允许在页面内共享不同的链接。

Answer 1

您需要使用 javascript 动态更改 data-url 属性:

const buttons = document.querySelector('.sharethis-inline-share-buttons')
buttons.setAttribute('data-url', `http://${recent.photo.url}`)
buttons.setAttribute('data-title', `Check out this picture by ${uploaded_by}`)

为了记录，我将添加共享此页面的链接，其中列出了自定义选项:https://www.sharethis.com/support/customization/customize-share-urls/