标签: facebook-javascript-sdk

自定义Facebook共享集成

我正在开发一个电子商务网站,其中购物车页面需要有所有产品的Facebook Share按钮,具有以下要求: -

假设购物车页面中有4个产品项目 - "p1","p2","p3"和"p4".

  1. 当用户点击"p4"项目的"共享"按钮时,如果他没有登录FB,则会要求他登录.这是使用" fb:login-button"FBML标签完成的.

  2. 登录后,用户将能够在我的网站弹出窗口中提供自定义消息.该弹出窗口还将包含"p4"项目的产品名称以及图像.

  3. 当用户单击"共享"/"提交"按钮时,带有"p4"项目的产品名称和图像的消息将在用户的Facebook墙上发布/发布.第2和第3点都是使用FB.initJavaScript SDK 的" "和"FB.ui"核心方法完成的.

  4. 现在在我的网站上,购物车页面会告诉我,对于"p4"项目,Facebook共享已完成,因此将不再有"Facebook Share"按钮,即使页面再次刷新或更多此类产品被添加到购物车中.在这里,我无法执行"共享"按钮的禁用.请帮帮我.

  5. 用户可以单击其他产品"p1","p2"和"p3"的"共享"按钮.但共享消息的弹出窗口将显示相应产品的产品名称和图像,而不显示最后一个项目"p4".但是,此处弹出窗口始终仅提供最后一个项目"p4"的信息.相反,我真正想要的是Facebook Share功能的多个实例.请帮帮我.

我已经提到了以上几点中存在的问题,我在第4和第5点中遇到了问题.

请帮助我任何人,并提前感谢所有人.如果需要更多信息,请问我.

javascript php facebook facebook-fbml facebook-javascript-sdk

2
推荐指数
1
解决办法
1890
查看次数

Facebook FB.login不会要求用户提供电子邮件权限?

我的网站使用Facebook身份验证.一切正常,但我似乎无法收到用户的电子邮件.我正在使用这个功能:

 onclick="FB.login(function(response){},{perms:\'email\'});"
Run Code Online (Sandbox Code Playgroud)

这确实提示用户他的权限,但没有提示他的电子邮件(我尝试添加其他特殊权限,但不起作用).

当然,稍后当我使用FB.api('/ me')时,我没有收到用户的电子邮件.
我的页面可以在这里找到.

谢谢!

facebook facebook-graph-api facebook-javascript-sdk

2
推荐指数
1
解决办法
7885
查看次数

auth.sessionChange在Javascript SDK中启用OAuth 2后Facebook事件停止工作

我依赖于使用:

FB.Event.subscribe('auth.sessionChange', function(response) {
// my update user token code goes here
});
Run Code Online (Sandbox Code Playgroud)

在我将javascript SDK升级到oauth2版本之前,一切都很好.谁知道为什么?其他事件似乎工作得很好,就像edge.create一样.

只是auth.sessionChange事件不再为我解雇了.

名称是否被替换使用auth.statusChange?因为那对我也不起作用.我也看到有auth.authResponseChange.

坦率地说,我不知道哪个是真正的,似乎文档还没有更新(?).然而,他们现在都没有为我工作.

javascript events facebook oauth-2.0 facebook-javascript-sdk

2
推荐指数
1
解决办法
1819
查看次数

FB.UIServer._loadedNodes [a.frame]未定义

我目前正在使用Facebook的JavaScript SDK.该应用程序基于apprequest发送,一切都很好.

迁移服务器后,当我再次尝试进行apprequest时,请求死了,控制台告诉我这个错误:

FB.UIServer._loadedNodes [a.frame]未定义

有谁知道如何解决这一问题?

javascript facebook facebook-javascript-sdk

2
推荐指数
1
解决办法
1130
查看次数

如何使用'wp_insert_user'进行Facebook登录?

我正在构建用户生成的内容共享主题,我想进行自定义Facebook连接.经过研究,我发现了这段代码.

以下代码将应用程序添加到Facebook中的用户配置文件,但不创建新用户,也不会使他们登录.

这是完整的代码(要添加functions.php).

第1步 - 在标题区域初始化javascript

function fb_head(){
    if( is_user_logged_in() ) 
        return;
    ?>
    <script type="text/javascript">
        window.fbAsyncInit = function(){
            FB.init({
                appId:'APP_ID', 
                status:true, 
                cookie:true, 
                xfbml:true, 
                oauth:true
            });
        };
    </script>
    <div id="fb-root"></div>
    <script type="text/javascript">
        (function() {
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
            e.async = true;
            document.getElementById('fb-root').appendChild(e);
        }());
    </script>
    <?php
}
add_action( 'wp_head', 'fb_head' );
Run Code Online (Sandbox Code Playgroud)

第2步 - 插入Facebook登录按钮

<button id="facebook_connect">Connect with facebook</button>
Run Code Online (Sandbox Code Playgroud)

第3步 - 加载Jquery库

function mytheme_enqueue_scripts(){
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_scripts');
Run Code Online (Sandbox Code Playgroud)

第4步 - …

wordpress json wordpress-theming facebook-javascript-sdk

2
推荐指数
1
解决办法
777
查看次数

使用JavaScript获取当前URL,然后在html代码中使用派生值

我有一个简单的问题,但作为一个JavaScript新手,我不知道如何实现我的发现.

我发现了一个使用JavaScript来引入当前URL的snippit,并将该值加载到变量中:

<script type="text/javascript" language="javascript">
  window.onload = function () {
    var currentUrl = window.location.href;
  }
</script>
Run Code Online (Sandbox Code Playgroud)

所以值currentUrl保存当前页面的URL.

我需要知道的是如何在我的页面的HTML中使用该值.我试图使用它的应用程序是facebook评论插件.

<div class="fb-comments" data-href="**currentUrl**" data-width="470" data-num-posts="2"></div>
Run Code Online (Sandbox Code Playgroud)

javascript facebook facebook-javascript-sdk

2
推荐指数
1
解决办法
1833
查看次数

将js sdk发布到pagewall

我试图通过js sdk将帖子发送到管理员页面的墙上.我已经做到了,我可以为自己(我的个人用户)做到这一点,但我无法让它作为"页面"工作.

<div id="fb-root"></div>
    <script type="text/javascript">
        function SendToFacebook()
        {
        window.fbAsyncInit = function () {
            // init the FB JS SDK
            FB.init({
                appId: '**CORRECT ID**',                        // App ID from the app dashboard
                channelUrl: '**MYPAGE**/channel.html', // Channel file for x-domain comms
                status: false,                                 // Check Facebook Login status
                xfbml: true                                  // Look for social plugins on the page
            });

            FB.ui(
               {
                   method: 'feed',
                   name: 'MyFeed',
                   link: '',
                   // picture: '',
                   caption: 'My caption',
                   description: 'test',
                   message: 'MESSAGE?',
               },
               function (response) {
                   if …
Run Code Online (Sandbox Code Playgroud)

facebook feed facebook-javascript-sdk

2
推荐指数
1
解决办法
1716
查看次数

Facebook连接PhoneGap Build - ReferenceError:找不到变量:facebookConnectPlugin

这是一个自我回答的问答,希望能够解决一些混乱. 在https://github.com/phonegap-build/FacebookConnect/blob/962eb0a1c07935ff813e28aa9eaa5581f2e10416/README.md上找到Facebook Connect插件v0.4.0的官方自述文件后,它立即无效,因此我们在本地安装了该插件.

由于以上是专门针对PhoneGap Build的分支,我们使用官方插件仓库中的说明安装了该插件,地址为https://github.com/phonegap/phonegap-facebook-plugin

有很多错误信息和建议没有说明PhoneGap的版本,插件,如果使用PhoneGap构建等等,很难理解如何让它真正起作用.

我们遵循的一些指南/提示: PhoneGap添加Facebook Connect插件 http://pjsdev.blogspot.com/2013/03/phonegap-build-facebook-connect-part-2.html http://informatico.hol.es/blog/instalar-phonegap-facebook-plugin/ http://excellencemagentoblog.com/cordova-3-5-0-facebook-login-0-5-1-using-command-line-android

尽管让它变得有点工作(控制台登录XCode Organizer中所说的设备Cordova Facebook Connect plugin initialized successfully.),我们遇到了ReferenceError: Can't find variable: facebookConnectPlugin试图运行PhoneGap构建版本的问题.

fbconnect facebook-javascript-sdk phonegap-plugins cordova phonegap-build

2
推荐指数
1
解决办法
4498
查看次数

React JS加载FB共享

我正在尝试将facebook分享添加到我的反应应用程序中.关于添加FB.XFBML.parse()的Stackoverflow有很多细节

我怎么是一个lint错误"FB没有定义".加载FB的最佳方法是什么?

编辑

添加了window.fbAsyncInit函数.

"use strict";

var React = require('react');
var Router = require('react-router');
var Link = Router.Link;
var ThanksPage = React.createClass({
componentDidMount: function() {

            (function (d, s, id) {
            const fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {
              return;
            }
            const js = d.createElement(s); js.id = id;
            js.async = true;
            js.src = '//connect.facebook.net/fr_CA/sdk.js';
            fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));

            window.fbAsyncInit = function() {
                FB.XFBML.parse();
            };


    },
    render: function() {
                    return (
                    );
    }
    });

    module.exports = ThanksPage;
Run Code Online (Sandbox Code Playgroud)

facebook facebook-javascript-sdk reactjs

2
推荐指数
1
解决办法
4407
查看次数

Facebook API,发送帖给用户时间表

我的问题是关于facebook API,更具体的是如果有可能在用户时间轴上发布一些内容(我们有网上商店),例如我们有新产品,我们想通知我们的用户(谁通过Facebook登录网上商店)直接在他们的时间表上发布.

所以这就像是公开讨论可能的,合法的,如果有任何其他更好的选择来告知我们的用户新产品.

问候,啤酒

facebook facebook-javascript-sdk facebook-php-sdk

2
推荐指数
1
解决办法
940
查看次数