Отправка формы фрейма Facebook с последующим всплывающим диалоговым окном фида - PullRequest
0 голосов
/ 06 февраля 2012

Я работаю над iframe на Facebook, который в основном является розыгрышем призов, где пользователь вводит свою электронную почту в форму для участия. На некоторых других похожих вкладках Facebook я видел, что когда вы отправляете форму, появляется всплывающее диалоговое окно, чтобы пользователь мог опубликовать свою стену. Кто-нибудь сможет поделиться, как это делается? В настоящее время он отображается в виде кнопки на странице, которая загружается после отправки, но я действительно думаю, что это всплывающее окно сразу после отправки работает более эффективно с точки зрения социального обмена. Задача, которую я поставил на этой вкладке, заключается в том, чтобы по-настоящему стимулировать приобретение вентиляторов, поэтому очень важно, чтобы вход был низким. В любом случае, любая помощь по вышеуказанному будет принята с благодарностью.

Спасибо, Ник

1 Ответ

0 голосов
/ 06 февраля 2012

То, что вы ищете, это низкий барьер входа диалог подачи.

https://developers.facebook.com/docs/reference/dialogs/feed/

<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:fb="https://www.facebook.com/2008/fbml">
  <head>
    <title>My Feed Dialog Page</title>
  </head>
  <body>
    <div id='fb-root'></div>
    <script src='http://connect.facebook.net/en_US/all.js'></script>
    <p><a onclick='postToFeed(); return false;'>Post to Feed</a></p>
    <p id='msg'></p>

    <script> 
      FB.init({appId: "YOUR_APP_ID", status: true, cookie: true});

      function postToFeed() {

        FB.ui({
          method: 'feed',
          link: 'https://developers.facebook.com/docs/reference/dialogs/',
          picture: 'http://fbrell.com/f8.jpg',
          name: 'Facebook Dialogs',
          caption: 'Reference Documentation',
          description: 'Using Dialogs to interact with users.'
        }, function (response) {
          document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
        });
      }

    </script>
  </body>
</html>
...