我花了几个小时研究这个,但对于许多开发人员来说似乎是棘手的.我有一个小的PHP测验,从表单输出结果如下:
if (maxA) { echo ' <img src="imgs/result4.jpg"/> <div class="results2"> <p class="title">You are a Bean</p> <p class="details">Description</p> </div>'; }
问题是如何在Facebook的底部添加一个共享按钮,它将在Facebook上分享结果,以及描述和图片.请注意,有四个可用的结果.
我已经做了一个公开的应用程序,并插入以下内容:
<script> window.fbAsyncInit = function() { FB.init({ appId : '1382290368762081',xfbml : true,version : 'v2.3' }); }; (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"; fjs.parentNode.insertBefore(js,fjs); }(document,'script','facebook-jssdk')); </script>
而HTML还没有被弄清楚.我用这个答案来回答:Using “share_open_graph” Facebook UI to create dynamic share dialog for quiz results – 但实际上并没有实现任何东西.我认为如果有人知道确切的方式来实现这一点,并且与我们分享,整个社区将会有所帮助.
您可以使用facebook js SDK进行此操作.可以调用FB.ui方法Feed来实现.
在您的页面上创建一个按钮
在您的页面上创建一个按钮
<input type="button" onclick="postToFeed()" value="Share" />
function postToFeed() { // calling the API ... var obj = { method: 'Feed',link: 'https://www.azeezkallayi.com/',description: "description goes here",picture: 'https://www.azeezkallayi.com/demo/test/womens-day.jpg',name: 'International womens day' }; FB.ui(obj); }
在这里您可以根据需要更改参数的值.