<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post to Multiple Facebook Groups</title>
<meta name="robots" content="noindex, nofollow">
<!-- Bootstrap -->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

        // This is called with the results from from FB.getLoginStatus().
        function statusChangeCallback(response) {
            // The response object is returned with a status field that lets the
            // app know the current login status of the person.
            // Full docs on the response object can be found in the documentation
            // for FB.getLoginStatus().
            if (response.status === 'connected') {
                // Logged into your app and Facebook.
            } else if (response.status === 'not_authorized') {
                // The person is logged into Facebook, but not your app.
                document.getElementById('status').innerHTML = 'Please log ' +
                    'into this app.';
            } else {
                // The person is not logged into Facebook, so we're not sure if
                // they are logged into this app or not.
                document.getElementById('status').innerHTML = 'Please log ' +
                    'into Facebook.';
         // This function is called when someone finishes with the Login
         // Button.  See the onlogin handler attached to it in the sample
         // code below.
        function checkLoginState() {
            FB.getLoginStatus(function(response) {
        window.fbAsyncInit = function() {
                appId: 'your-app-id',
                cookie: true, // enable cookies to allow the server to access 
                // the session
                xfbml: true, // parse social plugins on this page
                version: 'v2.1' // use version 2.1
            // Now that we've initialized the JavaScript SDK, we call 
            // FB.getLoginStatus().  This function gets the state of the
            // person visiting this page and can return one of three states to
            // the callback you provide.  They can be:
            // 1. Logged into your app ('connected')
            // 2. Logged into Facebook, but not your app ('not_authorized')
            // 3. Not logged into Facebook and can't tell if they are logged into
            //    your app or not.
            // These three cases are handled in the callback function.
            FB.getLoginStatus(function(response) {
         // Load the SDK asynchronously
        (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/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
         // Here we run a very simple test of the Graph API after login is
         // successful.  See statusChangeCallback() for when this call is made.
        function testAPI() {
            console.log('Welcome!  Fetching your information.... ');
            FB.api('/me', function(response) {
                console.log('Successful login for: ' + response.name);
                document.getElementById('status').innerHTML =
                    'Thanks for logging in, ' + response.name + '!';
         // This function reads your Facebook groups.
        function getMyGroups() {
            FB.api('/me/groups', function(response) {
                var groupList = document.getElementById('groups');
                response.data.forEach(function(group) {
                    var opt = document.createElement("option");
                    opt.value = group.id;
                    opt.innerHTML = group.name;
            }, {
                scope: 'user_groups,publish_actions'
        function postToSelectedGroups() {
            var groupList = document.getElementById('groups');
            var selectedGroupIds = [];
            for (var i = 0; i < groupList.length; i++) {
                if (groupList[i].selected) {
            var delay = parseInt(document.getElementById("delay").value, 10);
            function postOrFinish() {
                if (selectedGroupIds.length > 0) {
                    var groupId = selectedGroupIds.pop();
                    var message = document.getElementById("message").value;
                    var link = document.getElementById("link").value;
                        "/" + groupId + "/feed",
                        "POST", {
                            "message": message,
                            "link": link
                        function(response) {
                            if (response.error) {
                            setTimeout(postOrFinish, delay * 1000);
                } else {
                    alert('All done!');
    <div class="container">
        <br />
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-lg-10 col-lg-offset-2">
                    Below we include the Login Button social plugin. This button uses
                    the JavaScript SDK to present a graphical Login button that triggers
                    the FB.login() function when clicked.
                    <fb:login-button scope="public_profile,email,user_groups,publish_actions" onlogin="checkLoginState();"></fb:login-button>
                    <div id="status"></div>
            <div class="form-group">
                <label for="message" class="col-lg-2 control-label">Message</label>
                <div class="col-lg-10">
                    <textarea class="form-control" rows="3" placeholder="Type your message here." id="message"></textarea>
            <div class="form-group">
                <label for="link" class="col-lg-2 control-label">Link</label>
                <div class="col-lg-10">
                    <input type="text" value="" class="form-control" id="link" placeholder="Your link goes here.">

            <div class="form-group">
                <label for="groups" class="col-lg-2 control-label">Groups</label>
                <div class="col-lg-10">
                    <select multiple="" class="form-control" id="groups">
                    <span class="help-block">Select your groups.</span>
                    <button type="button" onclick="getMyGroups();" class="btn btn-success">Load Groups</button>
            <div class="form-group">
                <label for="delay" class="col-lg-2 control-label">Delay</label>
                <div class="col-lg-10">
                    <input type="text" value="10" class="form-control" id="delay">
                    <span class="help-block">Number of second between two requests.</span>
            <div class="form-group">
                <div class="col-lg-10 col-lg-offset-2">
                    <button type="button" onclick="postToSelectedGroups();" class="btn btn-primary">Post to Groups</button>

@charset "UTF-8";

body {
  background: #f8f8f8;
window.addEventListener('load', function() {
  document.querySelector('h1').innerHTML = 'facebook';
}, false);
Full page Open in App

over 1 year ago

fb auto post10


comments powered by Disqus