如何自定義 測欄固定式的分享按鈕 (圖片、網址等)

In this guide, you’ll learn how to customize sticky share button URLs and other share properties using data attributes (If you want to learn how to customize your Inline Share Buttons, go 這裡).

通常, 開啟圖形協定 標記會使用頁面中的內容填充此資訊,但您可以定製該資訊,使其更相關,如果它沒有提取您希望它提取的資訊。例如,如果使用者共用您的主頁,您可能希望添加產品的圖像或提供更具吸引力的描述。 

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 代碼進程共用屬性。通常,我們建議使用一種方法在頁面上指定共用屬性,以防止出錯。

  1. 任何動態指定的 JavaScript 屬性(即最高優先順序)
  2. 標記指定屬性(即第二優先順序)
  3. 開放圖協定標籤(即最低優先順序)