Adding twitter summary card on my website which is not hosted on wordpress

[vedsingh]

Issue:
How do we implement summary card display on our website which is not hosted on word press, also we do not use Yoast which has plugin to implement the same. We do manage our CMS (http://union1.unioncloud.org/union-subsite) and we have implemented twitter widget using JavaScript code as follows,

JavaScript Code:

<p><a class="twitter-timeline" data-widget-id="732085106660114432" href="https://twitter.com/@VEDPRAKASHSING4">Tweets by @Ved</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></p>

Now we want to change this to Summary Card, could you please provide any helpful plugin or JavaScript code that we can embed in our website?

URL affected:

union subsite @ Union1 UnionCloud

Troubleshooting steps tried already:

[andypiper]

You don’t need Javascript code to add cards, you do it via meta tags in the header as per the documentation. I just ran your site through the validator and the OpenGraph tags you have are already sufficient to render the summary card.

[vedsingh]

Thanks Andy, just one confusion, I have already added this meta tags and validated the same on validator and it shows the summary card but as you can see the same card is not appearing on my website, am i doing something wrong or i need to do some additional steps to add to my website?

[andypiper]

Cards appear in Tweets when links are posted. They do not appear on the site(s) themselves. They are representations of your site URL in Tweets.

[system]

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.