0

ユーザーがコンテストに参加した後に友達をアプリに招待できるようにする必要があるiframeFacebookアプリケーション（Facebookの新しいJavaScript APIを使用）があります。ページのdivに次のマークアップがあります（アプリケーション名とCanvas Urlが編集されています）。

<fb:serverFbml>
    <fb:request-form
        method="POST" 
        invite="true" 
        type="{Name of My Application}" 
        content='Your text goes here. %3Cfb%3Areq-choice%20url%3D%{a url-encoded link to my Canvas URL}"/>' 
        label="Authorize My Application"> 
        <fb:multi-friend-selector showborder="false" actiontext="Invite your friends to use My Application.">
        </fb:multi-friend-selector>
    </fb:request-form>
</fb:serverFbml>

私の理解では、XFBML / iframeアプリでFBMLタグを使用する必要がある場合は、それらをfb：serverFbml要素にドロップするだけで、Facebookがそれを処理します。案の定、私の第一印象は間違っているようです。フォームにドロップする代わりに、fbmlが変更されていないように見える空の白いボックスが表示されます。

このアプリケーションの設計では、（おそらく間違って）ユーザーを認証して友達を招待する必要がないことを前提としています。これを達成する方法はありますか、それとも最初にログインするように要求する必要がありますか？Facebookのドキュメントは（もちろん）これについて曖昧です。

編集：要求された私のFB.init（）：

$("body").prepend("<div id=\"fb-root\"></div>");
FB.init({
    apiKey: "{My apiKey is here}",
    appId: "{My appId is here}",
    status: true,
    cookie: true,
    xfbml: true
});
4

2 に答える 2

2

わかりました、動作しました。これが私にとってどのように見えるかです：

<fb:serverfbml>
  <script type="text/fbml">
      <fb:fbml>
          <fb:request-form action='my_url' method='POST'
          invite='true'
          type='Poll'
          content='This is an invitation! <fb:req-choice url="my_url" label="Accept and join" />  '>
          <fb:multi-friend-selector showborder='false' actiontext='Select friends to send the poll' cols='5' rows='3' bypass='cancel' max="8">
          </fb:request-form>
      </fb:fbml>
  </script>
</fb:serverfbml>

JSインジェクションコードは次のようになります。

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId: 'YOUR APP ID HERE',
      status: true,
      cookie: true,
      xfbml: true
    });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

それで、

1）APPKEYは必要ありません。JSコードのAPPIDのみが必要です。

2）XFBMLはSCRIPTタグ内にラップする必要があります。

于 2010-09-13T18:37:16.570 に答える
1

この例も機能します。

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:serverfbml>
  <script type="text/fbml">
     <fb:fbml>
         <fb:request-form action='my_url' method='POST'
         invite='true'
         type='Poll'
         content='This is an invitation! <fb:req-choice url="my_url" label="Accept and    join" />  '>
         <fb:multi-friend-selector showborder='false' actiontext='Select friends to     send the poll' cols='5' rows='3' bypass='cancel' max="8">
          </fb:request-form>
      </fb:fbml>
  </script>
</fb:serverfbml>

APP_IDをhttp://connect.facebook.net/en_US/all.js#appId=[APP_ID]&xfbml=1に設定します

于 2011-05-13T14:35:08.323 に答える