使用JQuery共享动态共享内容

时间:2016-09-27 16:15:41

标签: javascript jquery sharethis

我正在尝试使用JQuery更改ShareThis按钮共享的内容:

      var services = [                                                                                                                                                                                                              
          "facebook",                                                                                                                                                                                                               
          "twitter",                                                                                                                                                                                                                
          "linkedin",                                                                                                                                                                                                               
          "email",                                                                                                                                                                                                                  
          "print"                                                                                                                                                                                                                   
      ];                                                                                                                                                                                                                            

      for (var i = 0, len = services.length; i < len; i++) {                                                                                                                                                                        
          stWidget.addEntry({                                                                                                                                                                                                       
              service: services[i],                                                                                                                                                                                                 
              element: document.getElementById("st_data_" + services[i]),                                                                                                                                                           
              url: window.location.href,                                                                                                                                                                                            
              title: $("#lblPropertyTitle").html(),                                                                                                                                                                                 
              type: "large",                                                                                                                                                                                                        
              text: services[i],                                                                                                                                                                                                    
              image: $(".carousel .carousel-inner .item[data-slide-number='0'] img").attr("src"),                                                                                                                                   
              summary: $("#lblPropertyDescription").html()                                                                                                                                                                          
          });                                                                                                                                                                                                                       
      }  

它只是与默认标题和图像共享基本网址。 如何更改共享的标题,描述和图像?

1 个答案:

答案 0 :(得分:0)

Facebook和Twitter使用OG标签来确定网址的预览图像。您需要在页面上定义这些内容。为stWidget条目定义图像属性可能仅适用于电子邮件或打印选项。

要为页面定义开放图形信息,请添加如下的元标记...

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

您可以使用一些网络工具验证您的OG代码。

文档: