在Meteor中实现embed.ly分析

Question

我正在编写一个Meteor应用程序，它使用嵌入式嵌入来向用户显示某些数据(链接、pdfs等)。我希望跟踪我的应用程序生成的嵌入调用的数量。要做到这一点，embedly有自己的Analytics (http://embed.ly/docs/analytics/install)。

<script>
 (function(w, d){
   var id='embedly-platform', n = 'script';
   if (!d.getElementById(id)){
     w.embedly = w.embedly || function() {(w.embedly.q = w.embedly.q || []).push(arguments);};
     var e = d.createElement(n); e.id = id; e.async=1;
     e.src = ('https:' === document.location.protocol ? 'https' : 'http') + '://cdn.embedly.com/widgets/platform.js';
     var s = d.getElementsByTagName(n)[0];
     s.parentNode.insertBefore(e, s);
   }
 })(window, document);

 // This is the important line. You will need to insert your API KEY here.
 embedly('analytics', {key: '<Your Embedly Key>'});
</script>

我想了解一下如何编写这个脚本来处理流星，因为它似乎不是一个辅助函数。我已经尝试用这个脚本创建了一个.js文件，并且使用了等待程序包加载它，也没有这样做。

Answer 1

我只是将嵌入式集成到一个Meteor应用程序中，还认为他们的文档是垃圾。但是，在仔细研究了一下之后，我发现有几种方法可以使用它们的API。

使用上面展示的platform.js代码，最简单的方法就是让DOM观察者自动呈现一个卡片。您可以通过只在页面上显示带有类embedly-card的标记来做到这一点，比如简单地呈现一个模板。这将导致模板在呈现时变为iframe。

<template name="urlEmbed">
    <a href="{{url}}"
       class="embedly-card"
       data-card-controls="0"
       data-card-chrome="0"
       data-card-height="200"
       data-card-width="100%">
        {{url}}
    </a>
</template>

然而，这基本上忽略了Meteor的渲染管道。如果您想要更多的控件，可以使用它们的jQuery插件来控制呈现发生的时间和方式，可能会链接到模板的rendered回调。这里有一些如何使用它的示例：http://embed.ly/docs/tutorials/inline

但是，通常，您可以使用的命令和函数文档很少，在查询API时，我甚至收到了以下(非常令人困惑的)消息：

platform.js没有公共API。最相关的文档是我们的卡片文档：http://embed.ly/docs/products/cards，它将向您展示如何定制您对卡片的使用。

不过，现在看来，嵌入式似乎是最好的服务，所以我会和他们呆一会，看看结果如何。拥有免费开放源码软件组件的一个很好的潜在替代方案是冒昧。