2

解释一下，我希望一个链接只有在访问者“喜欢”我的网站（不是我的 Facebook 页面 - 实际网站）后才能点击。我一直在尝试使用以下代码来做到这一点：

<script>
  FB.Event.subscribe('edge.create', //FB.event.subscribe attaches a handler to an event and invokes your callback when the event fires.
    function(response) { //This is where the response function is inserted, I used document.write for this example
    document.write(';<a href="#">This is the HTML I want to display</a>');
    }
  );
</script>

但即使在我喜欢我的网站之后，链接也不会显示。我希望我尽可能清楚，任何帮助将不胜感激。

4

1 回答 1

0

经过一番思考和玩耍，我设法让它工作：

<!-- FB Javascript SDK -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
    appId: 'APP-ID',
    channelUrl : '//WWW.WBESITE.COM/channel.html', // Channel File
    status: true,
    cookie: true,
    xfbml: true,
    oauth: true,
});

// Additional initialization code here
    FB.Event.subscribe('edge.create', function() {
    window.location.href = "http://WEBSITE.COM/";
}); 
};

// Load the SDK Asynchronously
(function(d){
 var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
 if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/en_US/all.js";
 ref.parentNode.insertBefore(js, ref);
 }(document));
</script>

<!-- More FB Javascript SDK (Like Button) -->
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=APP-ID";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<script src="//connect.facebook.net/en_US/all.js#xfbml=1">
</script>

FB.Event.subscribe 需要放在 window.fbAsyncInit 函数中。然后我做了它，而不是在按下“喜欢”按钮后出现 HTML，而是使用 window.location.href = "http://WEBSITE.COM/"; 将其重定向。到包含新链接的页面。document.write 函数不起作用，因为它会删除页面上的所有 HTML，而不是函数中包含的内容。

上面的代码需要放在开始标签之后，然后您可以放置​​“Like”按钮的代码：

<div class="fb-like" data-href="http://WEBSITE.COM" data-send="send" data-layout="button_count" data-width="450" data-show-faces="true"></div>

页面上任何你想要的地方！

于 2012-07-23T17:06:20.850 回答