facebook-jssdk:为什么我的feed共享没有覆盖我的og:* meta标签

时间:2016-04-08 13:45:26

标签: facebook-graph-api facebook-javascript-sdk

我希望有一个单页面上有运行时生成的图像,这样用户就可以共享它们。换句话说:图像是由用户创建的,它们需要是可共享的。

我的理解(参见SO answer by @vinnie)是,如果您想要一个网站,用户可以在同一页面中共享具有不同图像和内容的不同项目,那么该对话框/ Feed是这样做...对话框/提要将覆盖og:* meta标记。

我有一个简单的测试网站'使用两组facebook分享信息。当我使用' Feed按钮'时,仍会显示og:*数据:

- og:* tags
- dialog/feed url

// 1 - og:* tags ... for basic page-share
<meta property="og:type"        content="website"/>
<meta property="fb:app_id"      content="#"/>    
<meta property="og:url"         content="http://toddandd.ipower.com/test__social_sharing/"/>
<meta property="og:image"       content="http://toddandd.ipower.com/test__social_sharing/images/FB_THUMB_01_1200x628.jpg"/>    
<meta property="og:title"       content="og-title:The Rock"/>
<meta property="og:site_name"   content="og-site_name:The Test Site"/>    
<meta property="og:description" content="og-description:checking how it works"/>    

// 2 - feed dialog ... for image-specific sharing (I have cleaned the href up for readability)
<a href = 'http://www.facebook.com/dialog/feed
            ?app_id       = #
            &link         = http://toddandd.ipower.com/test__social_sharing/
            &picture      = http://toddandd.ipower.com/test__social_sharing/images/FB_THUMB_02_1200x628.jpg
            &name         = feed-title:The Rock
            &caption      = feed-site_name:The Test Site
            &description  = feed-description:checking how it works
            &redirect_uri = http://toddandd.ipower.com/test__social_sharing/'> 
  feed button
</a> 

您可以在此处查看测试:http://toddandd.ipower.com/test__social_sharing/(我不会创建一个plnkr或小提琴,因为facebook会阻止跨域工作。)

1 个答案:

答案 0 :(得分:0)

当我发现解决方案只是一个拼写错误时,我想删除这个问题,但我在原始问题中发布的脚本可能对某人有价值......

我的错误是我的图片文件保存为.JPG(大写),但我的网址字符串使用的是小写字母。

另见:same question with lots of other possible answers