与 Meteor 的 Whatsapp 社交分享

Question

我的网页上已经有 whatsapp 的 social-share 按钮，但是当您选择要发送的联系人时，它只会在书写框上写上 "title_content url"。它接缝 whatsapp 看不到网页的元标记来创建一个带有图像、标题和描述的漂亮框。

我正在使用以下 open-Graph 元标记，它与 facebook 社交分享一起工作正常：

<meta property="og:type" content="website" />
<meta property="og:title" content="{{event.name}}" />
<meta property="og:description" content="{{eventDescription event.information}}" />
<meta property="og:url" content="{{eventUrl url}}" />
<meta property="og:image" content="{{eventImage event}}" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="fb:app_id" content="#####" />

我的活动没有图标，所以无法设置标签：

<link rel="shortcut icon" href="###.ico" type="image/x-icon">

我尝试用 .png 图片设置它，但没有成功。那么，我还能做些什么来让 whatsapp 看到我的网站并呈现带有图像、标题和描述的框？

Answer 1

我刚刚知道发生了什么。当您尝试向 facebook 或 twitter 爬虫提供信息时，您需要一种特殊的方式来做到这一点。所以你必须创建一个带有过滤器和动态内容的爬虫路由（正如你在我创建的本教程中看到的那样：Tutorial）。使用 whatsapp，您无需担心服务器端渲染。当我直接在 <head>.

上创建开放图元标记时

编辑：

因为我需要动态工作的元标记，所以我不得不停止在 <head> 上使用 direct。但是 docHead() 或任何软件包都不适合我。所以我意识到 whatsapp 可以在服务器端工作，并使用我已经在 facebook 上使用的相同 og: 标签。我只需要找到它的用户代理 WhatsApp/2.17.107 A 并像我在服务器端路由上为其他用户所做的那样添加许可。

与 Meteor 的 Whatsapp 社交分享

Whatsapp social sharing with Meteor

meteor

web-crawler

meta-tags

whatsapp

socialshare