我希望有一个单页面上有运行时生成的图像,这样用户就可以共享它们。换句话说:图像是由用户创建的,它们需要是可共享的。
我的理解(参见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会阻止跨域工作。)
答案 0 :(得分:0)
当我发现解决方案只是一个拼写错误时,我想删除这个问题,但我在原始问题中发布的脚本可能对某人有价值......
我的错误是我的图片文件保存为.JPG
(大写),但我的网址字符串使用的是小写字母。