微信分享鏈接獲取標題和小圖片

一、標題

公司主營業(yè)務：網站設計制作、做網站、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出東遼免費做網站回饋大家。

微信分享鏈接的小標題：自動拉取title標簽的內容。

二、鏈接的小圖標

今天測試的時候發(fā)現(xiàn)，網頁鏈接在QQ瀏覽器上打開，分享的小圖片是有顯示的，

自動獲取網頁上的一張圖片，但是為什么微信瀏覽器分享到朋友圈時圖片卻不顯示呢？

想要的效果：

現(xiàn)實效果：

在網上搜了一下發(fā)現(xiàn)，原來是因為 微信瀏覽器上自動拉取的圖片必須是大于300*300px的圖片，（ 會取

最近一張圖片符合條件的）。

解決辦法：

（一）

在boby 和head之間添加下面的代碼即可，圖片路徑自行修改。

*注意這個圖片必須是大于300px*300px的

<?bod?y?>
?
?
<?div?style?='margin:0?auto;width:0px;height:0px;overflow:hidden;??'?>
??
?
<?img?src='/image/data/pic300.jpg'?/?>
?
?
<?/div?>
?
??????<?/bod?y?>
?
?
?
（二）
?
??
???var?imgUrl?=?'http://www.baidu.com/images/share.jpg';??//?分享后展示的一張圖片
?
???var?lineLink?=?'http://www.baidu.com';?//?點擊分享后跳轉的頁面地址
?
???var?descContent?=?"http://www.gettool.cn/GetwxLink/";??//?分享后的描述信息
?
???var?shareTitle?=?'http://www.gettool.cn/GetwxLink/';??//?分享后的標題
?
?
?var?appid?=?'';??//?應用id,如果有可以填，沒有就留空
?
??
????????function?shareFriend()?{
?
?
?
????????????WeixinJSBridge.invoke('sendAppMessage',{
?
?
?
????????????????"appid":?appid,
?
?
?
????????????????"img_url":?imgUrl,
?
?
?
????????????????"img_width":?"200",
?
?
?
????????????????"img_height":?"200",
?
?
?
????????????????"link":?lineLink,
?
?
?
????????????????"desc":?descContent,
?
?
?
????????????????"title":?shareTitle
?
?
?
????????????},?function(res)?{
?
?
?
??????????//_report('send_msg',?res.err_msg);??//?這是回調函數(shù)，必須注釋掉
?
?
?
????????????})
?
?
?
????????}
?
?
?
????????function?shareTimeline()?{
?
?
?
????????????WeixinJSBridge.invoke('shareTimeline',{
?
?
?
????????????????"img_url":?imgUrl,
?
?
?
????????????????"img_width":?"200",
?
?
?
????????????????"img_height":?"200",
?
?
?
????????????????"link":?lineLink,
?
?
?
????????????????"desc":?descContent,
?
?
?
????????????????"title":?shareTitle
?
?
?
????????????},?function(res)?{
?
?
?
?????????//_report('timeline',?res.err_msg);?//?這是回調函數(shù)，必須注釋掉
?
?
?
????????????});
?
?
?
????????}
?
?
?
????????function?shareWeibo()?{
?
?
?
????????????WeixinJSBridge.invoke('shareWeibo',{
?
?
?
????????????????"content":?descContent,
?
?
?
????????????????"url":?lineLink,
?
?
?
????????????},?function(res)?{
?
?
?
????????????????//_report('weibo',?res.err_msg);
?
?
?
????????????});
?
?
?
????????}
?
?
?
???//?當微信內置瀏覽器完成內部初始化后會觸發(fā)WeixinJSBridgeReady事件。
?
?
?
???document.addEventListener('WeixinJSBridgeReady',?function?onBridgeReady()?{
?
?
?
????????????//?發(fā)送給好友
?
?
?
????????????WeixinJSBridge.on('menu:share:appmessage',?function(argv){
?
?
?
????????????????shareFriend();
?
?
?
????????????});
?
?
?
????????????//?分享到朋友圈
?
?
?
????????????WeixinJSBridge.on('menu:share:timeline',?function(argv){
?
?
?
????????????????shareTimeline();
?
?
?
????????????});
?
?
?
????????????//?分享到微博
?
?
?
????????????WeixinJSBridge.on('menu:share:weibo',?function(argv){
?
?
?
????????????????shareWeibo();
?
?
?
????????????});
?
?
?
????????},?false);

GetwxLink

文章題目：微信分享鏈接獲取標題和小圖片
本文路徑：http://muchs.cn/article6/pgogig.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供建站公司、企業(yè)網站制作、虛擬主機、網站建設、服務器托管、Google

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)