meteor - 如何将 Facebook 的 Open Graph 集成到 Meteor 应用程序中？-6ren

meteor - 如何将 Facebook 的 Open Graph 集成到 Meteor 应用程序中？

转载作者：行者123 更新时间：2023-12-05 00:33:58

我正在尝试将我的 Meteor 应用程序与 Facebook Open Graph 集成，以在时间轴中发布操作。

Facebook API 通过在 HTML 头中定义对象特定的元标记来工作，该标记将由 API 读取。例如:

<head prefix="og: http://ogp.me/ns# [YOUR_APP_NAMESPACE]: 
                     http://ogp.me/ns/apps/[YOUR_APP_NAMESPACE]#">
    <title>OG Tutorial App</title>
    <meta property="fb:app_id" content="[YOUR_APP_ID]" /> 
    <meta property="og:type" content="[YOUR_APP_NAMESPACE]:recipe" /> 
    <meta property="og:title" content="Stuffed Cookies" /> 
    <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" /> 
    <meta property="og:description" content="The Turducken of Cookies" /> 
    <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">
</head>

但是，Facebook API 在检查任何 URL 时看到的是这样的:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/ed99236548322b46a7562b49cd6ee0e0f059e506.css">
  <script type="text/javascript" src="/c16ff21884b1f831d91ebf271236ef78b03b552e.js"></script>
  <title>Made with Meteor!</title>
</head>
<body>
</body>
</html>

在 Meteor 应用程序中集成此元标记的最佳方法是什么，这可能会根据 URL 发生变化？

最佳答案

我遇到了同样的问题。

处理这种情况的两种方法:

最近添加到“spiderable”包(目前在“devel”分支中)还允许您更改客户端代码中的“head”标签(附加您的 og:title 等)，并从您的“神奇”服务到 Facebook服务器。

(注意:您可能不需要在此解决方案中使用 autopublish 包，因为“spiderable”在依赖客户端启动时“autopublish”设置为“true”的标志时会停止页面呈现)

更轻量级的解决方案是 Meteor 的“headly”包:

https://github.com/ayal/headly

安装后，您可以像这样使用它:

Meteor.headly.config({tagsForRequest: function(req) {
  ... do something dynamic here, i.e get title from db based on url param ...
  return '<meta property="og:title" content="<DYNAMIC TITLE>" />';
}});

关于meteor - 如何将 Facebook 的 Open Graph 集成到 Meteor 应用程序中？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11281405/

文章推荐： c - 使用 UDRE 和 ATmega328P 的中断驱动 USART

文章推荐： file - 文件 MD5 Hash 代表什么？

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

meteor - 如何将 Facebook 的 Open Graph 集成到 Meteor 应用程序中？