7

WhatsApp 共享链接、内容和图像，这可以通过使用 og 标签来完成，即打开图形标签

<meta property="og:title" content="title" />
<meta property="og:description" content="Description for image" />
<meta property="og:url" content="https://myurl.com" />
<meta property="og:image" content="https://myurl.com/imagepth" />

但这有限制，我们只能分享一张图片

我想要类似 facebook 共享链接的东西，它可以共享图像内容 url

https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmyurl.com%2F

我在一个页面上有多个包含图像内容的链接我希望为每个块设置选项以在 WhatsApp 上共享，就像 facebook 共享器一样

使用og tag我们可以从一个页面共享单个图像内容

在此处输入图像描述

但我需要单独的链接来共享每个块，如上面参考图像上的共享按钮所示

4

2 回答 2

2

一种可能的解决方案是为每个可共享实体设置单独的“共享”页面。每个页面都可以包含og链接到那里的单个框/按钮的标签（尤其是图像）。

由于共享 URL 可能看起来example.org/shared.php?id=1也是用户在点击 facebook/whatsapp 上的共享块时将访问的 URL。你有两种可能来处理这种情况：

  1. 为您的每个可共享实体提供一个“详细信息”页面，但我想您当前的设置中没有详细信息页面，并且根据您的框的大小，您可能不想要它们。
  2. 如果用户代理与 whatsapp/facebook 无关，则重定向到您的“列表”页面。在这种情况下，whatsapp/facebook“看到”了包含og标签的 HTML，当真实用户进入页面时，他们被重定向到列表页面。
于 2017-06-21T12:55:17.143 回答
0

我会走这条路，因为我相信它值得一试。我将用 PHP 编写，但您可以将其翻译为任何服务器解释语言：

a) 为要共享的每个页面提供一个 url 编码的 ID，例如 1、2、3 等：

<a href="whatsapp://send?text=http://mywebsite.com?page-id=1" data-action="share/whatsapp/share">Share via Whatsapp</a>

b）在 PHP 中，您检查页面名称并相应地打印打开的图形标签，以便当 watsapp 访问您的页面时，它会认为它是针对您刚刚共享的某个子页面：

因此，在关闭 HTML 头标记之前，切换所有 page-id 情况以确定共享的内容：

if (isset($_GET['page-id'])) {
   switch ($_GET['page-id']) {
      case 1:
        $og_tags = '<meta property="og:title" content="title1" />';
        $og_tags .= '<meta property="og:description" content="Description for image 1" />';
        ...
        break;
        // and so on for the rest of the pages
   }
}

echo $og_tags; ?>
</head>
于 2017-06-23T11:08:58.397 回答