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}`)

为记录起见，我将添加链接到sharethis'页面，其中列出了自定义选项：https://www.sharethis.com/support/customization/customize-share-urls/

Answer 2

尽管为时已晚，但是您可以像这样更改sharethis属性，包括标题，URL，描述等-

// render the html
<div id="my-inline-buttons"></div>

var config = {
  url: 'YOUR_URL_HERE',
  title: 'YOUR_TITLE_HERE',
  description: 'A_LONG_DESCRIPTIN_OF_YOUR_CHOICE',
  image: 'https://YOUR_IMAGE_URL',
};

// load the buttons
window.__sharethis__.load('inline-share-buttons', config);

您可以在此链接Custom ShareThis中找到更多信息。

使用ShareThis的动态网址

2 个答案: