I've been working on adjusting iMessage link previews for a web app. I'm seeing if there's a way to adjust the color of the bottom banner in the preview.
All the link previews I've seen from various websites have a gray bottom banner (usually with a title and site name), but it seems like Twitter link previews utilize a different color background. I've scanned over the meta/link elements of the URL response, but am not seeing how this adjustment is being made.
Messages App Screenshot of Twitter link preview and a Youtube link preview
Twitter Post URL
Youtube Video URL
Apple Messages Link Preview Docs
Related
Guys is it possible to share an portrait image on facebook using facebook sharer (https://www.facebook.com/sharer/sharer.php) ?
I have tried styling og tags with og:image:width and og:image:height but without success.
Facebook debugger not showing them event they are in html.
I know that ratio 1.91:1 – 1200x630 is recommended, but I would like to know if it is possible.
We're having issues with auto-playing the videos at the bottom of this page on Safari, both desktop and mobile:
http://dev-doublespace.pantheonsite.io/work/kdc-one/
The videos don't appear or play on the initial load of the page. If we click "Show controls", then the controls for the video appear, but the videos aren't available and the sizing of the video window is not correct (screenshot below). If we choose to copy the file address, then the proper mp4 file address shows. However, if we "open the video in new window", or re-load the page, the videos then appear and play as expected.
We assume this is some type of caching issue, but can't be certain.
This site was built on Wordpress and is being hosted on Pantheon. We have the Pantheon caching tool enabled. We're using the Beaver Builder page builder to maintain the page content.
If anyone has any ideas on what might be happening here and how we can resolve this, that would be greatly appreciated.
I am developing an action for Google Assistant and I want to know what I can on Smart Displays. In Google's own video, upon user input, the app shows carousels and if the user clicks any one of the carousel items, a new screen with a different background image opens.
When I dug in to see how we can do that, all I could find was a single general background image in the app setting. So my question is how can I change the background image depending on the user-input?
Google's styling options (incl. background image) for Actions on Google can be found in the Theme customization tab in the Actions on Google console. Please note that if you define a theme for your project, rich responses across your project's Actions will be styled according to your theme.
Background image will use a custom image in place of the background color. You'll need to provide two different images for when the surface device is in landscape or portrait mode, respectively.
Reference: https://developers.google.com/actions/assistant/responses
For some reason my png images on my side bar under the Amazon ad, along with the Patreon link on my header ad link, or Facebook link on the footer ad isn't showing. I am not sure if it's something wrong with my Firefox or possibly a coding error. On Chrome and Safari, they show without an issue. I have checked and my Firefox is up to date as well. http://www.4diyers.com/index.php
I have a thumbnail.jpg hosted on my server, when clicked, open a jQuery lightbox and play YouTube video. However, by this method I need to add &autoplay=1 in the embed code. Or else, users will need to click twice on the same video in order to play.
The problem is, youtube said autoplay doesn't count the view. In my case, user DOES click on the thumbnail image hosted on my server. Is there any suggestion to use the same flow (click –> lightbox) and make YouTube count the view? This video is on top of the sidebar at my website.