Hello,
I am integrating Twitter Card functionality for a website with dynamic binding of title, description and image path but after tweet when I see in twitter post there wouldn’t be any Twitter card .
When I validate same url then it works fine and after that when I check in Twitter it starts displaying it.
I am using following code:
<meta property="og:url" content="@Request.Url.PathAndQuery" />
<meta property="og:type" content="website" />
<meta property="og:title" content="@Model.SubText" />
<meta property="og:description" content="@Model.ShortDesc" />
<meta property="og:image:src" content="@Model.Path" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
also
OpenPopupCenter("http://twitter.com/share?text="+"Testing on Twitter"+"&url=" + $location.absUrl()+ "?imgId=" + $scope.SaveSharedImageInfo.Id);
function OpenPopupCenter(pageURL) {
var width = 575,
height = 400,
left = ($(window).width() - width) / 2,
top = ($(window).height() - height) / 2,
url = pageURL,
opts = 'status=1' +
',width=' + width +
',height=' + height +
',top=' + top +
',left=' + left;
window.open(url, 'twitter', opts);
}
Please let me know where I am missing.
Thanks
Gaurav