如何自定義 測欄固定式的分享按鈕 (圖片、網址等)
想要自定義使用者在您的網站上共用內容時顯示的標題、說明、圖像或URL?您來對地方了!(如果您想學習如何自定義您的 平行橫躺於頁面的分享按鈕去 這裡)
通常, 開啟圖形協定 標記會使用頁面中的內容填充此資訊,但您可以定製該資訊,使其更相關,如果它沒有提取您希望它提取的資訊。例如,如果使用者共用您的主頁,您可能希望添加產品的圖像或提供更具吸引力的描述。
Due to the way Sticky Share Buttons are designed (i.e. they don’t need a placement code) you will need to manually add the following code inside the <body> of your site, preferably before the closing of the </body> tag (our script will deal with moving the div where it needs to go):
<strong>Properties in <div> tags</strong>
Depending on whether you want to simply set a universal URL or shortened URL, add the following tags in the tool placement code <strong><div class=”sharethis-sticky-share-buttons”></div></strong>.
資料網路 | 指定內容將共用到哪個社交平臺 |
資料網址 | 指定您希望分享的網址(可縮短 URL) |
資料短網址 | 指定可與資料網址來用於使用網址 |
資料標題 | 指定要分享的標題(某些電子郵件通道中的電子郵件主題) |
資料影像 | 指定指向希望顯示在分享內容的影像的連結 |
資料描述 | 指定要分享的摘要文字/ 說明 |
資料使用者名稱 | 指定 Twitter 使用者名稱 |
資料訊息 | 指定電子郵件共享的正文複本 |
數據-電子郵件-主題 | 指定電子郵件的主題 |
範例: 此按鈕設置為共用 ShareThis 主頁標題 "分享是偉大的!
筆記
- 此自定義並非適用於所有社交管道。例如,Facebook 可能總是使用 og: 元標記作為網址,而不是這些值。
- data-url 屬性將説明您設置特定的 URL(無論使用者共用哪個頁面)或添加跟蹤的連結。
- 可能不會記錄共用計數,因為共用的URL與按鈕所在的URL不同。
優先順序
重要的是要記住優先順序,其中 ShareThis 代碼進程共用屬性。通常,我們建議使用一種方法在頁面上指定共用屬性,以防止出錯。
- 任何動態指定的 JavaScript 屬性(即最高優先順序)
- 標記指定屬性(即第二優先順序)
- 開放圖協定標籤(即最低優先順序)