アプリケーションの設定

このセクションは、お使いのプログラミング言語でFacebookアプリを設定するための基本的な指示を示します。

アプリの設定方法:

  1. zipファイルから使用するプログラミング言語のフォルダを見つけてコンテンツを自分のプロジェクトフォルダにコピーします。
  2. Ooyala Facebook使用法ファイル(サンプルコード)を開きます。
  3. アプリへコンテンツをコピーします。
  4. インポートされたファイルを含んでいることを確認します。
  5. HEADプリフィクスメソッドの戻り値をHTMLヘッドタグの属性として挿入します。例:
 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#">
  6. Facebook共有メソッドの戻り値をHTMLヘッドタグの子として挿入します。例:
    	<meta property="fb:app_id" content="318471738213669" />
    	<meta property="og:type" content="video.other" />
    	<meta property="og:title" content="Bhangra Empire - Jashan 2011" />
    	<meta property="og:description" content="dancing" />
    	<meta property="og:url" content="https://glowing-spring-6591.herokuapp.com/jashan_2011">
    	<meta property="og:image" content="http://ak.c.ooyala.com/c1d3AxMzo5_lJK08LHYfpzFF02StTtfk/Y2BrwET1VVpfCiI35jMDoxOjBrOwKdHu"/>
    	<meta property="og:video" content="http://glowing-spring-6591.herokuapp.com/jashan_2011" />
    	<meta property="og:video:secure_url" content="https://glowing-spring-6591.herokuapp.com/jashan_2011" />
    	<meta property="og:video:type" content="text/html" />
    	<meta property="og:video"  content="http://player.ooyala.com/player.swf?embedCode=c1d3AxMzo5_lJK08LHYfpzFF02StTtfk&keepEmbedCode=true" />
    	<meta property="og:video:secure_url" content="https://player.ooyala.com/player.swf?embedCode=c1d3AxMzo5_lJK08LHYfpzFF02StTtfk&keepEmbedCode=true" />
    	<meta property="og:video:type" content="application/x-shockwave-flash" />   
          
        
    注: <embed code>をビデオのembedコードへ変更して、<object url>をビデオがホストされているURL
 (例:http://mysite/myvideo.html)へ必ず変更します。
  7. 視聴者のタイムラインにビデオ視聴アップデートを自動的に追加したい場合、以下をHTMLヘッドへ子要素として追加します。
 <script src="http://player-next-staging.ooyala.com/fb/ooyala_fb.js"></script>
  8. 視聴者のタイムラインにビデオ視聴アップデートを自動的に追加したい場合、FacebookアプリIDとチャンネルIDの代わりにページのボディに以下を追加します。

         
    <div id="fb-root"></div>
        <script type="text/javascript">
          window.fbAsyncInit = function() {
            FB.init({
              appId      : "your_app_id",                     // App ID
              channelUrl : "your_channel_URL", // Channel File
              status     : true,                                    // check login status
              cookie     : true,                                    // enable cookies to allow the server to access the session
              xfbml      : true                                     // parse XFBML
            });
          };
    
          // 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/all.js";
            fjs.parentNode.insertBefore(js, fjs);
            }(document, 'script', 'facebook-jssdk'));
        </script>     
    
        
  9. アプリを起動してテストします。

この記事はお役にたちましたか?