在Android应用中启用Facebook评论

时间:2014-11-17 12:23:00

标签: javascript android html5 facebook-sdk-4.0

我正在开发一个Android应用,在其中加载 WebView

中HTML内容的文章

现在要求是

每篇文章最后都需要 facebook 评论部分

  • 让观众发表评论
  • 查看评论

在将此应用到应用程序之前我为网站做了它并且它的工作非常好(可以在页面底部看到评论) http://rapideinfotech.com/testing/ankur/

问题陈述: 文章中未启用评论插件。我该如何解决这个问题?

要获取应用ID,我已按照此链接中的步骤操作 for appid

我正在通过htmldata

在webview中加载文章
<!DOCTYPE html>
    <html>
    <style = text/css>
     img {
          width:100%!important;
          height:auto!important;
         } 
     iframe {
          width:100sp;
          max-height:100sp;
          } 
     a { 
          color:#3366CC; 
          text-decoration: none; 
       } 
     </style> 
     <body style = 'line-height:25px;' >
       <script>
       (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#xfbml=1&appId=576245362521056&version=v2.0'; 
         fjs.parentNode.insertBefore(js, fjs);
         }
         (document, 'script', 'facebook-jssdk'));
        </script>
      "+c+" 
     <div id=\"fb-root\"></div> 
     <div class=\"fb-comments\" data-href=\""+p+"\" data-numposts=\"5\" data-colorscheme=\"light\">                                                    </div>
      </body>
    </html>
  • “c”是具有文章内容的变量
  • “p”是具有文章链接的变量

1 个答案:

答案 0 :(得分:0)

创建您需要的Facebook评论插件:

1)创建一个Facebook应用android - facebook app

2)将以下代码复制并设置到<body>部分(javascript sdk)的开头:

<div id="fb-root"></div>
<script>(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#xfbml=1&appId=YOURAPPIDHERE&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

3)将YOURAPPIDHERE替换为facebook developers个应用标签中的应用ID(选择您刚创建的应用)。

4)将以下代码添加到文章的底部或您想要的位置:

<div class="fb-comments" data-href="URL OF THE ARTICLE" data-numposts="5" data-colorscheme="light"></div>

5)将URL OF THE ARTICLE替换为文章所在页面的网址。