コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > php教程 > PHP源码 > 本文

网页上facebook分享功能具体实现

PHP中文网
リリース： 2016-05-25 17:13:22
オリジナル
1028 人が閲覧しました

本文为大家介绍下网页上facebook分享功能的具体实现，详细代码请看本文

代码如下:

<span style=" font-family: Verdana, Arial, Helvetica, sans-serif; word-wrap: normal; word-break: normal; line-height: 19.5px;"><span style="word-wrap:normal; word-break:normal; line-height:19px"></span></span>
ログイン後にコピー


题外话:直接跳到facebook登录页面的分享按钮:

url为： //m.sbmmt.com

其中的u参数为你要分享的链接。t 参数目前还没弄清楚是干什么的。

facebook分享功能的实现:

分享页面设定

1.一个链接： 参数是要分享的页面的链接

代码如下:

<a style="display:inline-block;width:35px; height:40px; position:relative; top:10px; left:48px; " 
title="Share on Facebook" target="_blank" 
onclick="javascript:window.open(&#39;http://www.facebook.com/sharer.php?u=&#39;+encodeURIComponent(&#39;https://www.baidu.com&#39;)+&#39;&t=&#39;+encodeURIComponent(document.title), &#39;newWindow&#39;, &#39;width=800, height=400&#39;,&#39;center&#39;);void(0);">
ログイン後にコピー



2.fb识别的标签：

代码如下:

<title>test</</span>title> 
<meta property="og:image" content="test/test.jpg" /> 
<meta property="og:description" content="test>" /> 
<meta property="og:url" content="https://www.baidu.com" />
ログイン後にコピー


注意：

1.title fb可以自动读取要分享页面的title 这个要设置在fb的sharer.php参数里
你也可以自己设置 方式就是

代码如下:

<meta property="og:title" content="test" />
ログイン後にコピー


2.image标签 可以写多个 分享人可以自己选择图片

3.url就是你的要分享的页面
4.description 介绍信息

提示：

图片像素必须是100*100 这样的格式 我用90*90 就是OK的

例如：300*100 150*50在www.facebook.com图片会截取90x90图片显示就不正确了
如果图片小了 更不行了，分享的那个弹出框就不会显示你的图片 这个情况发生在图片小于90x90的情况吧

関連ラベル：
facebook 共有
ソース：php.cn
前の記事：目录复制和删除 次の記事：先识别标签后计算的模板思路
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1915
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
2090
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1758
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1661
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1668
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート