分享到推特和LinkedIn上的图片和描述
我需要分享的文字从网络链接到推特和LinkedIn的图像。
我可以添加文本，但不能添加图像。
我正在使用Kentico，我已经编写了如下的web部件转换。但是图片并没有显示在Twitter和LinkedIn插件上。
附加在这里与下面的转换。
添加了没有图片的Twitter和LinkedIn结果。
有人能指导我分享到Twitter和LinkedIn上的图片吗？
谢谢
<a class="fb-xfbml-parse-ignore" target="_blank"
href="https://twitter.com/intent/tweet?url=<%=Server.UrlEncode(CMS.DocumentEngine.DocumentContext.CurrentDocument.AbsoluteURL)%>
&picture=<%#GetAbsoluteUrl(CMS.DocumentEngine.DocumentContext.CurrentDocument.GetValue("StoryImageURL").ToString())%>
&text=<%#CMS.DocumentEngine.DocumentContext.CurrentDocument.GetValue("Title").ToString()%>"
onClick="return popup(this, 'notes')">
<img src="<%# Eval("twittericon") %>" alt="twitter icon" />
</a>
<a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.linkedin.com/shareArticle?url=<%=CMS.DocumentEngine.DocumentContext.CurrentDocument.AbsoluteURL%>
&picture=<%#GetAbsoluteUrl(CMS.DocumentEngine.DocumentContext.CurrentDocument.GetValue("StoryImageURL").ToString()) %> <%#CMS.DocumentEngine.DocumentContext.CurrentDocument.GetValue("BlogDescription").ToString()%>" onClick="return popup(this, 'notes')">
<img src="<%# Eval("linkedicon") %>" alt="linked icon" />
</a>回答 2
Stack Overflow用户
发布于 2017-01-25 11:21:28
首先，我不认为推特和LinkedIn仅仅通过在分享URL中添加一个参数就可以在文本旁边分享图片。对于推特，你可以设置卡片，比如Summary Card，并在你的网站上添加元标签。通过添加Twitter的meta标签，你可以告诉twitter:image使用哪张图片。
类似的情况也适用于LinkedIn -您需要使用use Open Graph meta tags，因为无法将图像作为共享URL的一部分提供。
关于您编写的转换-确保呈现正确的数据，因为在转换中使用CMS.DocumentEngine.DocumentContext.CurrentDocument将从当前正在查看的文档中检索数据，而不是重复项的数据。要呈现重复项的数据，可以使用Eval方法。
这一点：
<%#CMS.DocumentEngine.DocumentContext.CurrentDocument.GetValue("Title").ToString()%>会变成这样：
<%#Eval("Title")%>Stack Overflow用户
发布于 2017-01-25 13:04:16
对于我的所有网站，我在我想要或需要有这个Open Graph (OG)数据的页面模板上使用一个Head HTML Code webpart。下面是我放入其中的一个示例，用于动态填充一些数据。
<meta property="og:site_name" content="Kehren Development - Kentico MVP & Experts" />
<meta property="og:url" content="{% CurrentDocument.AbsoluteURL #%}" />
<meta property="og:image" content="{%RootDocument.AbsoluteURL#%}KehrenDev/media/images/logos/twitter-logo-800.jpg" />
<meta property="og:type" content="article" />
<meta property="og:title" content="{% BlogPostTitle %}" />
<meta property="og:description" content="{% StripTags(BlogPostSummary) %}" />
<meta property="article:publisher" content="https://www.facebook.com/bkehren" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{% BlogPostTitle %}">
<meta name="twitter:site" content="@kehrendev">
<meta name="twitter:creator" content="@bkehren">
<meta name="twitter:description" content="{% StripTags(BlogPostSummary) %}">
<meta name="twitter:url" content="{% CurrentDocument.AbsoluteURL #%}">
<meta name="twitter:image" content="{%RootDocument.AbsoluteURL#%}KehrenDev/media/images/logos/twitter-logo-800.jpg">
<meta name="twitter:domain" content="{%RootDocument.AbsoluteURL#%}"> 这将在任何时候查看博客帖子时呈现在页面上。您可以将set部件上的这些属性设置为仅为这些页面类型显示。您还可以使用其他meta标签或设置不同的字段，但这将帮助您入门。
现在你仍然可以使用你已经拥有的分享链接，但是只需要用实际的文章链接和一个编码的描述来填充分享链接，OG标签就会接过剩下的部分。
https://stackoverflow.com/questions/41789948
复制相似问题
腾讯云开发者
