如何自定義 平行橫躺於頁面的分享按鈕 (圖片、網址等)

想要自定義使用者在您的網站上共用內容時顯示的標題、說明、圖像或URL?您來對地方了!(如果您想學習如何自定義您的 測欄固定式的分享按鈕去 這裡)

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

Properties in <div> tags

You can specify the URL, title, image, and description that’s shared by <strong>adding</strong> the following tags in the tool placement code <strong><div class=”sharethis-inline-share-buttons”></div> </strong>wherever you want the ShareThis tool to appear. 

資料網路指定內容將共用到哪個社交平臺
資料網址指定您希望分享的網址(可縮短 URL)
資料短網址指定可與資料網址來用於使用網址
資料標題指定要分享的標題(某些電子郵件通道中的電子郵件主題)
資料影像指定指向希望顯示在分享內容的影像的連結
資料描述指定要分享的摘要文字/ 說明
資料使用者名稱指定 Twitter 使用者名稱
資料訊息指定電子郵件共享的正文複本
數據-電子郵件-主題指定電子郵件的主題

範例: 此按鈕設置為共用 ShareThis 主頁標題 "分享是偉大的!

 

筆記

  • 此自定義並非適用於所有社交管道。
  • data-url 屬性將説明您設置特定的 URL(無論使用者共用哪個頁面)或添加跟蹤的連結。

優先順序

重要的是要記住優先順序,其中 ShareThis 代碼進程共用屬性。通常,我們建議使用一種方法在頁面上指定共用屬性,以防止出錯。

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