Question

要解释一下，我希望链接只有在访问者“喜欢”我的网站（不是我的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>

但即使我喜欢我的网站，也不会显示链接。我希望我能尽可能地清楚，任何帮助都会非常感激。

Answer 1

在经过一番思考和游戏之后，我设法让它工作了：

<!-- 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函数中。然后我做了它，以便在按下'Like'按钮后不显示HTML，它只是使用window.location.href =“http://WEBSITE.COM/”重定向它;到包含新链接的页面。 document.write函数无法正常工作，因为除了函数中包含的内容之外，它将除去页面上的所有HTML。

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

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

您在网页上想要的任何地方！

如何仅向“喜欢”我的网站的访问者显示内容

1 个答案: