Home/ Questions/Q 8704437
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T03:06:21+00:00

I’m trying to integrate my Meteor application with Facebook Open Graph, to publish actions

  • 0

I’m trying to integrate my Meteor application with Facebook Open Graph, to publish actions in the timeline.

Facebook API works by defining object specific meta tags in the HTML head, that will be read by the API. For example:

<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>

However, what Facebook API sees when inspecting any URL is something like this:

<!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>

What is the best way of integrating this meta tags, that may change depending on the URL, in the Meteor application?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I encountered the same issue.

    Two ways to deal with this:

    • A recent addition to the “spiderable” package (currently in “devel” branch) also lets you change the “head” tag in client code (append your og:title etc..) and have that “magically” served to Facebook from your server.

    (NOTE: you will probably need to not use autopublish package with this solution, since “spiderable” stops the page rendering while relying on a flag that “autopublish” sets to “true” right on client startup)

    • A more light-weight solution would be the “headly” package for Meteor:

    https://github.com/ayal/headly

    After installation you use it like so:

    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>" />';
}});
    • 0