網頁分享,百度元件實現一鍵分享

2022-07-20 02:06:13 字數 1364 閱讀 2253

//見下方按鈕標籤**

按鈕標籤**:

更多說明:

只有普通頁面分享需要按鈕標籤。劃詞分享、分享無需新增html結構。

html結構可以放在

body

的任意位置,可複製多份。

class=

"bdsharebuttonbox"

部分為dom

選擇器,請勿改動。

data-tag屬性為分享按鈕標識,用於實現同一頁面中多分享按鈕不同配置,詳見設定部分。

data-cmd屬性為分享目標標識,取值請參見:分享**

id對應表。此外值為

more

時點選展現更多彈窗,值為

count

時展現分享數。

html**中其他部分均可自定義。

通用項解析

分享**id對應表

名稱 id

一鍵分享 mshare

qq空間

qzone

人人網 renren

開心網 kaixin001

豆瓣網 douban

qq好友

sqq和訊微博 thx

美麗說 meilishuo

蘑菇街 mogujie

點點網 diandian

花瓣 huaban

堆糖 duitang

和訊 hx

飛信 fx

有道雲筆記 youdao

麥庫記事 sdo

輕筆記 qingbiji

人民微博 people

新華微博 xinhua

郵件分享 mail

搖籃空間 yaolan

若鄰網 wealink

天涯社群 ty

facebook fbook

twitter twi

linkedin linkedin

複製** copy

列印 print

股吧 iguba

完整**如下:

">

分享到qq

好友">

分享到qq

空間">

">

">

分享到人人

">

分享到tqq">

更多執行效果如下

然後再介紹乙個vue使用這個的方法

這個大佬已經寫好了我就不班門弄斧了:

SNS一鍵分享,社會化分享

一鍵分享可以按照需要進行編寫,編寫的原理也很簡單,只要知道要分享到的 的分享鏈結,以及需要傳遞的相關引數,即可自己拼裝出來乙個該 的鏈結,然後把主流的分享 的鏈結都放在一起,把樣式調節的好看些,就可以作為乙個分享的元件進行使用了。現在有很多成熟的分享元件,完全已經為我們做好了所有主流 的分享,我們只...

百度站長平台體驗分享

站長目前還在內測中,先讓大家一睹為快,看看sitema程式設計客棧p 到底好不好。還是保持簡介的作風 看下如何新增 更新資料 清晰一目了然,更精確到哪小時哪分,可自由定製!一定要是xml格式哦,如果不會生成xml的可以到程式設計客棧上搜尋下,有很多 生成的。看我新增後的樣式 站長平台其實就那麼簡單,...

百度分享是否會加入百度排名演算法?

分享的問世讓很多站長都很迷惑,既然在搜尋結果中顯示那一定對排名有一定的作用。於是,很多站長開始互相告知並投放分享,還有甚者已經開始刷分享了。但到底分享對排名有沒有作用呢?之前,zac在1月11日博文 結果中快照後面的多少人喜歡是什麼東東 分享 中有說到 分享按鈕會不會影響排名www.cppcns.c...