Firebase dynamic links aren't previewing pics in social media - firebase

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

Related

Preview image in Viber

I've faced a problem with generating rich preview card in Viber. The idea is to show an image with annotation text for site's pages. Page snippet displays properly in all other messengers/social networks, but Viber can't handle my og:image. In attachment there are examples.
After some digging around I've find out that the problem is not about open graph markdown or image itself, but probably about image's response headers. I've tried to post in Viber chat direct link to the image itself (not the page). If it's stored on our common domain (or github, or whatever), preview card looks as expected. But if it's hosted on our subdomain for media files – there is no preview.
Links to reproduce:
https://www.rabota.ru/static/images/test/43285342.png - this will work
https://media.rabota.ru/og_image/vacancy/1/43285342.png - same image, will not
https://www.rabota.ru/vacancy/43285342/ – the page, where this image should be as preview cover
Also I've attached response headers for both cases
So the question is – why preview image presents in first case and does not in second, and if it's about headers – what headers should I modify?
This works:
This don't:
As Viber support team mentioned content-length header is required for preview image
Related question https://stackoverflow.com/a/65093512/12640054
From my test, Viber successfully got first jpg/png image on page
with size less than 40Kb.
Even you can hide it with display: none if it is not really shown
image in browser, just for Viber preview.

upload image on mobile device for drupal site

I have a drupal site with the media module installed. When I click 'select media' and try to upload an image on a mobile device I get a blank box instead of the popup box with the upload option. I've checked the console and there are no error. How do I debug this and make it work on mobile.
You can add images to Drupal, but mobile devices don't allow you to upload any photos to image fields. (Android allows it as I remember.)
HTML5 allows this, but sadly that's mostly a no go with Drupal 7 at the moment. However, it turns out the fix is nice and easy via the HTML Media Capture method. Add the following snippet of jQuery, so it runs when pages load:
$('div.image-widget-data input[type="file"]').each(function(idx, item) {
$(item).attr('accept', 'image/*;capture=camera');
});
That will look for items inside image widgets and add the accept attribute This then tells mobile devices they can upload image data and are allowed to grab that from their on-board camera.
To make that a spot simpler on Drupal, you can grab the Image Mobile Camera module from its sandbox on Drupal.org.
Now hit your blog via your tablet or phone (using a browser that supports this - Chrome is fine) and try it out.
Hope that helps

Freebase: how do you upload or link images to a topic?

I'm trying to add an image to this Freebase Topic: https://www.freebase.com/m/0w7kcd6?props= (The image I want to add is the image currently used in the linked wikipedia article, as well as the signature). The menu to the left of /common/topic/image that appears when clicking on the yellow down arrow doesn't provide any option. Here Adding images through the new Freebase UI doesn't work a user answers that you can upload from Wikipedia, but how do you do it?
Freebase doesn't allow uploading of images any more. If they still upload images from Wikipedia, it's at their discretion, not based on any type of external signal.

How to make standard app store link on top of mobile webpage similar to other sites like youtube

When you browse to sites like youtube, decide, and many others on your iphone's safari, their mobile web show a link to their app on the top of the page with x button to close and status of app (like if it's already installed to have open button instead of install).
This looks pretty standard to many sites. Is there a script of these code that I can copy for my mobile site link to app?
Thanks.
You just need to add this meta tag (with the relevant details filled in accordingly) to the head of the page on your mobile site that you want it to show up on:
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
Apple's Developer site has documentation on it http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html
Note that this is an iOS6+ feature though.

How to access iPhone Simulator's images

Is there any way to access the internal images that the iPhone simulator uses?
For example, if I want to get the original image used for one of the default app icons (e.g. Contacts). This way I could get the highest possible resolution, and examine it for purposes of creating similar icons for my app.
Another example of an image I might want to access is the default icon for a contact:
I'm not asking for a programmatic solution (although that would work), I'm asking for a manual solution, possibly navigating the Simulator's file system using Finder.
You can find the apps at e.g. /Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator4.1.sdk/Applications. The icon of Contacts is at /Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator4.1.sdk/Applications/Contacts.app/icon.png or icon#2x.png. But you can't easily read them, as they are in a strange format (it's not standard PNG), you need to convert them. See for example this article or this article.
EDIT: added two more links for iphone icon images.
You dont need to do this.
Just grab a User Interface Kit:
Heres a website you can go to to download the .psd files which you can use for your self for free:
http://webdesignledger.com/freebi
For another library of iphone icons. This one includes the contacts icon:
http://www.iphonestudio.co.uk/page/iphone_icon_gallery
And here are the iphone icons on the main screen made downloadable for your own use.
here are official icons in different sizes.
check the quality of the Photos icon.
wow.
http://www.iconarchive.com/category/application/iphone-icons-by-judge.html
Hope this helps.
Let me know if it did
PK

Resources