I'm using shareX to upload my screenshots to a web server, and I would like to have Twitter cards working with my images direct links. I know this is possible because there are Twitter cards with Puu.sh direct links.
Showing twitter card you need a hosted image and Add HTML meta tag on your page.
More detail available on Twitter Document.
Card Detail: https://dev.twitter.com/cards/types
You can validate your card here: https://cards-dev.twitter.com/validator
Related
I need to display images in the application via the image link, and I will copy the image link from Twitter and add it to the Firebase FireStore and then display it in the application, is this possible or will the image stop working after a number of requests.
My firebase dynamic link is not Generating link previews with social metadata - in dynamic links when you provide a link for 'si' metadata it is suppose to preview the pic in social media -- see Firebase documentation on preview pics for social media: https://firebase.google.com/docs/dynamic-links/link-previews
As you can see my link includes a valid link in the 'si' metadata link (&si=http://image.tmdb.org/t/p/w185//kq3ThsAeRNiS2VmFWQtvt3IJ1ab.jpg) see full link:
https://xe8re.app.goo.gl/?link=http://markatlarge.com/70573&isi=1387216991&ibi=com.markatlarge.BoobTube&si=http://image.tmdb.org/t/p/w185//kq3ThsAeRNiS2VmFWQtvt3IJ1ab.jpg
(dynamic link is for an ios app, should be clicked on an iphone app if you want to go to the app)
Any ideas?
your image is less than the recommended resolution according to the documentation
"The image should be at least 300x200 px, and less than 300 KB."
maybe thats the reason
I'm having a different issue where it's showing a cropped version of my image
I have implemented upload from Upload an image to a Google spreadsheet link. But i cannot make it responsive and custom design.Is there any way to use css in above example for making it responsive??
You can't make the actual google spreadsheet more responsive, but you can build a HTML page (with css), with the tool editor. This can allow you to use the spreadsheet to your liking.
I'm new to using AddThis, or any form of social media toolbars etc, however I have the following image:
http://songhype.com/wp-content/themes/song/images/social/twitter.png
I need to code this into a social icon, along with a Facebook version.
My initial idea was to just add that in as an image, and then position the text for the number of followers/tweets to be over the top of the grey portion, however I've found this to not work, is there any other method I could use?
With Twitter, you need to get a site key and use their API. Facebook provides a pretty simple copy/paste functionality and has the basic instructions for how to do it on their page.
If you check the HTML for the you can replace the image with your own.
https://dev.twitter.com/docs/follow-button
https://developers.facebook.com/docs/reference/plugins/like/
I am facing the issue regarding sharing on Facebook in this link : http://www.voiceamerica.com/channel/247/voiceamerica-business here if i am sharing through like button then og:image is working fine but if i try to share same link with Bookmarks or direct link on Facebook then it is not fetching correct image from og:image tag. its picking random image.
VoiceaMerica
Debug your URL with https://developers.facebook.com/tools/debug/ this will show you if there is something wrong with your tags.