【问题标题】:enable facebook comment in android app在 android 应用中启用 facebook 评论
【发布时间】:2014-11-17 12:22:59
【问题描述】:

我正在开发一个 android 应用程序,它在 WebView

中加载 HTML 内容的文章

现在要求是

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

  • 给观众送cmets
  • 用于查看 cmets

在将它应用到应用程序之前,我为网站做的工作非常好(可以看到页面底部的评论) 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”是有文章链接的变量

【问题讨论】:

  • 你的意思是这样的吗? comments plugin
  • @EdanFeiles 谢谢,我在实现时一直在使用这个,我不知道使用那个代码

标签: javascript android html facebook-sdk-4.0


【解决方案1】:

创建您需要的 Facebook cmets 插件:

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

2) 将以下代码复制并粘贴到&lt;body&gt; 部分的开头(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) 将YOUR-APPID-HERE 替换为您在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替换为文章所在页面的url。

【讨论】:

  • 我已经编辑了关于问题发生的同一篇文章,请帮助我 Edan 从昨晚开始解决这个问题
  • 贴出webview加载的页面的URL。
  • 超链接在变量名“p”中
  • 我的意思是,在这里给我 URL,这样我就可以看到在 webview 中加载的页面。我需要查看生成的页面。
  • @madhavan 有什么问题?我在底部看到了 cmets 插件。
猜你喜欢
  • 2014-01-09
  • 1970-01-01
  • 2018-10-29
  • 1970-01-01
  • 2015-07-18
  • 1970-01-01
  • 1970-01-01
  • 2016-11-12
  • 1970-01-01
相关资源
最近更新 更多