2014-01-31 98 views
8

我有问题与Twitter分享按钮,我有这样的代码作为输入:Twitter的卡分享按钮

<meta name="twitter:card" content="summary"> 
<meta name="twitter:site" content="@citydesigning"> 
<meta name="twitter:title" content="City Design"> 
<meta name="twitter:description" content="I recommend this epic City Design online course at https://stepic.org/city #stepiccity"> 
<meta name="twitter:creator" content="citydesigning"> 
<meta name="twitter:image:src" content="https://stepic.org/static/classic/city/images/sharepic.png"> 

<a class="twitter" href="https://twitter.com/intent/tweet?url=https://stepic.org/city" target="_blank"></a> 

但分享的时候,只有这个文本是不返回任何结果:当点击Twitter的Feed中的“查看摘要”时,您可以使用“https://stepic.org/city”而不是所有的Twitter信息(如图片和文字)。

你能帮我吗?

+0

我有同样的确切问题。你有没有想过问题是什么? –

回答

9

在推出Twitter卡片之前,域名需要获得批准。使用Twitter的验证,然后点击 “申请审批表”:

https://cards-dev.twitter.com/validator

+0

批准后需要多长时间才能完成工作?我的网站在2周前获得批准,并且每当我分享它的链接时,都不显示任何卡片,仅计划文本链接。 – Cojones

+2

我遇到同样的问题。该卡在Twitter验证器中看起来很完美,但“与您的关注者分享链接”仅包含没有附加卡片的文本和网址。 –

+0

这里同样的问题。解决方案被发现? –

0

中,为了显示图像,替换:

<meta name="twitter:card" content="summary"> 

有:

<meta name="twitter:card" content="summary_large_image"> 

,并检查是否twitter抓取工具可以通过输入url来正确访问它https://cards-dev.twitter.com/validator

2
  1. 验证你的Twitter卡通过https://cards-dev.twitter.com/validator

  2. HTML代码:

    <a href="http://www.twitter.com/intent/tweet?url=http://your-url&text=caption">tweet</a> 
    

    您只能看到标题文字和网址。但是,当您通过单击tweet按钮进行分享时,您会看到摘要卡和您的profil页面。

+0

对我来说,这里的答案是在文本之前加入了网址。这使它工作。 –