如何设置Facebook iframe按钮，将当前页面URL添加到流星应用程序的href？

Question

HY

我想将facebook iframe添加到我的meteor应用程序中，但是动态的不是静态的;意思是，我将分享任何我想要的页面不仅一页（一个网址） 谢谢你很多

Answer 1

您可以使用您希望传递给iframe的src的查询字符串，如下所示：

<template name="facebookButton">
  <iframe allowtransparency="true" frameborder="0" scrolling="no" class="facebook-button"
    src="https://www.facebook.com/plugins/like.php?{{queryString}}">
  </iframe>
</template>

我们使用一个简单的帮助器来构建查询字符串，它将是被动的，我们可以用当前的url（location.href）来提供它。

Template.facebookButton.helpers({
  queryString:function(){
    var parameters={
      href:encodeURIComponent(location.href),
      send:"false",
      layout:"box_count",
      show_faces:"false",
      action:"like",
      font:"arial",
      colorscheme:"light"
    };
    var pairs=_.pairs(parameters);
    var pairsJoined=_.map(pairs,function(pair){
      return pair.join("=");
    });
    return pairsJoined.join("&");
  }
});

编辑：忘了对href参数进行URI编码。