任何人都可以帮我使用Facebook的Iframe标签吗？

问题描述：

任何人都可以帮我编码吗？我真的不知道如何编码这样的事情（我在网络编程完全noob）任何人都可以帮我使用Facebook的Iframe标签吗？

我想在我的脸书上创建一个welocome（aka登陆）页面，有粉丝和非粉丝内容。

非粉丝内容将IMG_1.JPG用户点击“喜欢”，看到下一个图像（IMG_2.JPG）几秒钟，然后我的网站出现。在用户点击“like”按钮后，IMG_2.jpg应该只出现一次。下一次他去我的粉丝页面时，他会查看我的Facebook网站。

检查我下面的图片：

http://i.imgur.com/iH8ywjz.jpg

答

你所想达到被称为“像门控”或“范咖梃”。要做到这一点，你需要插入到Facebook SDK中，这些可以在这里很容易找到：http://developers.facebook.com/docs/sdks/
在你开始之前，有一些重要的基础知识与你提出的建议。正如你所说，你是一个“完整的小白鼠”，所以这可能会有一些难以工作和麻烦拍摄。
1）您需要对PHP有基本的工作理解。
2）您需要对JavaScript和/或js库（如jQuery）有基本的了解。

我也没有得到一些你的问题，所以我要对订单作出如下假设。
1）非风扇将显示IMG_1.jpg
2）一旦非风扇喜欢页面，IMG_2.jpg将显示3秒。
3）非粉丝将被带到您的实际网站（远离脸书）。
4）粉丝会自动被引导到您的网站（远离facebook）。

如果您打算将您的网站显示在选项卡中，那么它当然必须小于810像素宽，并且您只需在下面的else语句中加载内容。

首先是创建类似门：
我假设你已经知道如何去https://developers.facebook.com/apps并按照步骤来创建一个标签。这超出了问题的范围，所以我不会进入它。

一旦你创建了你的选项卡，你将拥有你的应用程序ID/API密钥和应用程序的秘密。

1）您需要在您的应用程序作为主机的服务器上安装Facebook PHP SDK，可从Facebook SDK Github获取：https://github.com/facebook/facebook-php-sdk - 您需要安装整个SRC文件夹。

2）在你的应用程序（将基于PHP）。您将首先在标题前调用Facebook SDK（使用您的应用程序ID和API密钥）。我在标题之前这样做，因为有时如果我使用CMS，我会遇到cookie /标题问题。并获得签名的请求。这是如果该人已经喜欢Facebook页面或没有。

这是像这样做：

<?php 
require 'facebook-php-sdk/facebook.php'; 

$facebook = new Facebook(array(
    'appId' => 'xxxYourAppIdInHerexxx', 
    'secret' => 'xxxYourSecretInHerexxx', 
)); 

$signed_request = $facebook->getSignedRequest(); 

?>

我们现在拥有的一切，我们需要建立的页面中的信息。所以从那里我们可以使用php if语句来看看这个人是否喜欢这个页面，或者不喜欢这样，并相应地引导他们。

<?php 
if ($signed_request['page']['liked']) //The user likes your page then: 
{ 
      header('Location: http://www.yoursite.com/') ; 
     //If you wanted the site to appear in the iframe then you would just call your index.html or load the content in here. 
} 
else //The user doesn't like your page then: 
{ 
    echo '<img src="IMG_1.jpg">'; 
    //This will show IMG_1 on the page 

} 
?>

这是基本设置。

二是经过像切换图像暂时

这是有点困难，因为一旦用户喜欢你的页面，那么整个父窗口被刷新。
要交换图像，您有几个选项：
1）使用会话和/或cookie来统计访问次数，并仅在第一次访问时显示图像。
2）插入像SDK一样的Javascript，并使用onClick函数让用户在应用程序中单击一个类似按钮。这个功能可以像这样。

<img src="IMG_1.jpg" class="img1"> 
    <img src="LikeMe.jpg class="likeme"> 
    <img src="IMG_2.jpg" class="img2"> 

.img1 {position:relative; display:block; z-index:0} 
.img2 {position:relative; display:none;} 
.likeme {position:relative; display:block; z-index:10;} 

/* img 2 is hidden, img 1 is shown, like image is over the top of image 1 */ 

<script type="text/javascript"> // Using jQuery here 
$('likeme').click(function(){ 

$(this).hide(); // Hide the likeme img 
$('.img1').hide(); // Hide img 1 
$('.img2').show(); // Show img 2 

    setTimeout(function(){ 
//Run your script to like the page 

},3000); //Run the like script after 3 seconds. 

}); 

</script>

这是基本的外线。这并不难，但它不适合一个完整的初学者。关于我提供的链接有很多文档。祝你好运。

任何人都可以帮我使用Facebook的Iframe标签吗？

相关推荐