在没有og标记的网站上分享whatsapp上的图片内容和网址

Question

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 sharer链接一样可以共享图像内容的链接

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

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

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

但是我需要为每个要分享的块分别显示链接，如上面参考图像上显示的分享按钮

Answer 1

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

由于共享网址可能看起来像example.org/shared.php?id=1，因此如果他们点击facebook / whatsapp上的共享模块，它也是用户将访问的网址。你有两种可能来处理这种情况：

1. 为每个可共享实体提供“详细信息”页面，但我猜您当前设置中没有详细信息页面，并且根据您可能不需要的框大小。
2. 如果useragent与whatsapp / facebook无关，则重定向到您的“列表”页面。这个案例whatsapp / facebook“看到”包含og标签的HTML，当真实用户进入页面时，他们会被重定向到列表页面。

Answer 2

我会这样做，因为我认为值得一试。我将使用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>