Twitter Card Not Showing but validating


#1

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


#2

What’s the URL to be checked here?


#3

Hello Andy,

This is the link: http://homluv.southcentralus.cloudapp.azure.com/homeresults/tx/austin-area/new-home-designs ,

You can check by clicking on share icon on any of image after which popup will open which have Twitter icon.

Could you please help me to find where I am missing or what approach should I use?

Note: Sometimes image would be shown but it would be very rare & also please select random images as there may be some images whose links I have already used and maybe cached by Twitter.


#4

Looks like the site is whitelisted and that URL is validating and displaying just fine.


#5

Hello Andy

After validation it works fine but before validating URL , Twitter Card not rendered in Twitter.

For eg: When I click on Twitter share icon, one of the shared url would be like
http://homluv.southcentralus.cloudapp.azure.com/homeresults/tx/austin-area/new-home-designs?imgId=23892203

but after Tweet , it wouldn’t be showing in Twitter, I need to manually validate the same url for showing in Twitter.

Is it anything related to long subdomain names or also I didn’t include any robots.txt file on server?
Or Is there anything with caching?

Thanks & Regards
Gaurav Gupta


#6

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