微信實現分享連結的縮圖和標題

小云云
發布: 2018-03-22 14:43:22
原創
6213 人瀏覽過


本文主要和大家分享微信實作分享連結的縮圖和標題,希望能幫助大家。

一、微信內分享

在微信內開啟連結後,點擊右上角【…】選擇【傳送給朋友】或【分享到朋友圈】,這種分享方式取得縮略圖的方法:

  • 方法一:在頁面body 最上方加入300*300 像素的img

如圖片不需要顯示,可以用css 隱藏,但不能直接對img 設定display: none;

可以在父層 p 上設定 display: none; 或對 img 設定 position: absolute; visibility: hidden;

<p style="display:none;">
<img src="/img/thumbnail.png" alt=""></p>
登入後複製
  • 方法二:透過微信JS-SDK 的分享介面

這種方法需要一個微信公眾號的app_id,同時需要一個後端服務產生signature。好處是可以自訂分享的標題、縮圖、描述。

二、從瀏覽器分享

在瀏覽器開啟連結後,點分享圖標,選擇【微信】,這種分享方式取得縮圖的方法:

在頁面的head 部分新增Open Graph Metadata:

<meta property="og:type" content="website" />
<meta property="og:title" content="页面标题">
<meta property="og:description" content="页面描述">
<meta property="og:image" content=" 
<meta property="og:url" content="http://www.example.com/">
登入後複製

其中og:image 影響瀏覽器分享時的圖標,需要指定圖片的完整路徑。

以上是微信實現分享連結的縮圖和標題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!