有人能帮我使用Facebook的Iframe标签吗?

有人能帮我使用Facebook的Iframe标签吗?,facebook,iframe,facebook-page,Facebook,Iframe,Facebook Page,有人能帮我编码吗?我真的不知道如何编写这样的代码(我完全不懂网络编程) 我想在我的facebook上创建一个包含粉丝和非粉丝内容的welocome(又名登陆)页面 非粉丝内容将是IMG_1.JPG用户点击“喜欢”并看到下一张图片(IMG_2.JPG)几秒钟,然后我的网站出现。IMG_2.jpg只应在用户单击“喜欢”按钮后出现一次。下一次当他进入我的粉丝页面时,他会浏览我的facebook网站 查看下面的图片: 您试图实现的目标被称为“类似选通”或“风扇选通”。要做到这一点,您需要插入Facebo

有人能帮我编码吗?我真的不知道如何编写这样的代码(我完全不懂网络编程)

我想在我的facebook上创建一个包含粉丝和非粉丝内容的welocome(又名登陆)页面

非粉丝内容将是IMG_1.JPG用户点击“喜欢”并看到下一张图片(IMG_2.JPG)几秒钟,然后我的网站出现。IMG_2.jpg只应在用户单击“喜欢”按钮后出现一次。下一次当他进入我的粉丝页面时,他会浏览我的facebook网站

查看下面的图片:


您试图实现的目标被称为“类似选通”或“风扇选通”。要做到这一点,您需要插入Facebook SDK,该SDK在此处随时可用:
在你开始之前,有一些重要的基本事情要知道你的提议。正如你所说的,你是一个“彻头彻尾的傻瓜”,因此有些事情可能会让你难以工作和解决问题。
1) 您需要对PHP有基本的工作理解。
2) 您需要对javascript和/或js库(如jQuery)有基本的了解。

我也没有得到你的一些问题,所以我将对订单做以下假设
1) 非风扇将显示IMG_1.jpg
2) 一旦非粉丝喜欢该页面,IMG_2.jpg将显示3秒钟。
3) 然后,非粉丝将被带到您的实际网站(远离facebook)。
4) 粉丝将自动被引导到您的网站(远离facebook)。

如果您打算在选项卡中显示您的网站,那么它的宽度当然必须小于810px,您只需在下面的else语句中加载内容即可。

首先是创建类似的门:
我假设您已经知道如何通过转到并遵循以下步骤创建选项卡。那超出了问题的范围,所以我不想再谈了。

创建选项卡后,您将拥有应用程序id/api密钥和应用程序机密。

1) 您需要在应用程序作为主机的服务器上安装Facebook PHP SDK,该服务器可从Facebook SDK Github获得:-您需要安装整个SRC文件夹。

2) 在应用程序中(将基于php)。您将首先调用FacebookSDK(使用您的应用程序id和api密钥),然后再调用标题。我在标题之前就这样做了,就像有时我在使用CMS时遇到cookie/headers问题一样。然后得到签名的请求。这是指此人是否喜欢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 

}
?>

   <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>