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

想要自定義使用者在您的網站上共用內容時顯示的標題、說明、圖像或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 代碼進程共用屬性。通常,我們建議使用一種方法在頁面上指定共用屬性,以防止出錯。

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