Card validator is working but website share show different content

[websterlkc]

Hi All,

I’m try share the image, title, desc on user Twitter timeline. I have configure the page meta as following:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@@flickr" />
<meta name="twitter:title" content="Testing Title" />
<meta name="twitter:description" content="Testing Desc" />
<meta name="twitter:image" content="http://www.gettyimages.co.uk/gi-resources/images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg" />
 <meta name="twitter:url" content="http://<ip addresss>/eventsShare/msbskaterink" />

The card validator able retrieve my content and show on validator page as following:

There is problem encounter:
When i try click on this button, it’s show me different content compare to card validator,

<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://<ip address>/eventsShare/msbskaterink" data-via="websterlkc">Tweet</a>

Tweet

[andypiper]

The card will only show up when a Tweet is posted an the expanded view is opened - it will not show up in the Tweet share dialog.

[websterlkc]

Ok, how we show the summary card on the webpage?

[jbulava]

If you want to see the summary card on Twitter’s website, then you just need to click the “view summary” link in the bottom right of a tweet in a timeline and it will expand.

If you want to display a tweet with its summary card on your own website, then click the ellipsis on the tweet to get the embed code that you’ll need to place in your site’s HTML or CMS.

[websterlkc]

Hi jbulava,

Thank for quick reply. My testing url is http://103.13.128.171/eventsShare/msbskaterink and I cannot found it from twitter.com

[websterlkc]

I found a page similar as 1st image, after retweeted then only I able saw the “View Summary” link that you mention as 2nd image. How I going create similar page as 1st image.

1st Image

2nd Image

[websterlkc]

Hi All,

I found the solution that show summary card on the twitter user timeline after many times of testing. It’s merely simplest, you just put targeted URL on your comment.

Important Note
your URL cannot use ip address for testing. It’s must be domain name.

How to show summary card on public timeline.

1. Put the url on share comment.
   

   

2. Click on the View Summary link at right-bottom from this tweet which post on your current timeline.
   

   

[jbulava]

Exactly. You just need to include the URL in the Tweet!

[jbulava]