从没有 og 标签的网站在 whatsapp 上共享图像内容和 url

Posted 2023-03-31

【中文标题】从没有 og 标签的网站在 whatsapp 上共享图像内容和 url

【英文标题】：share image content and url on whatsapp from web site without og tag

【发布时间】：2017-06-12 14:27:05

【问题描述】：

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，我们可以从一个页面共享单个图像内容

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

【问题讨论】：

请改进问题，没有一个带问号的明确问题很难理解你想要什么。

我已经更新了详细信息@OmriLuzon

目前还不清楚。

【参考方案1】：

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

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

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

【讨论】：

不过请注意，这会在这些不同的 URL 之间“拆分”点赞数和分享数……

这是一个很好的解决方案.. 它工作正常，但我不想创建单独的共享页面，也不想在新页面上重定向....在单个页面上可以共享多个部分....在 facebook 共享链接的情况下......希望你明白我的意思吗？

【参考方案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>

【讨论】：

如何在whatsapp上添加描述？