我已经通过这些链接完成了 2020 年标准的强制性步骤,但 WhatsApp 上仍然没有显示说明和缩略图。
我一直在测试的链接是: https: //research.verdhana.id/TEST
我的网站已通过 SSL 和有效的 SSL 证书(非自签名)进行保护。缩略图是大小为 18KB、尺寸为 400x400 的 JPEG 图像。
我使用 Vue.js 并且不使用服务器端渲染,因此我将所有强制元标记放在 index.html 中,这样即使不执行 JavaScript,爬虫也可以读取它们。
og:image 标签已使用完整路径和相同的域。og:url 元标记对于任何 URL 路径总是相同的,因为它是写在 index.html 中的,但我认为这应该不是问题。
以下是 head 标签内的标签:
<head>
<meta property="fb:app_id" content="my_fb_id" />
<meta property="og:image" content="https://research.verdhana.id/logo.jpg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<meta property="og:title" content="Verdhana | Research" />
<meta property="og:description" content="Verdhana research website" />
<meta property="og:url" content="https://research.verdhana.id" />
<meta property="og:site_name" content="Verdhana | Research" />
<meta property="og:type" content="website" …Run Code Online (Sandbox Code Playgroud) 我们是一个视频托管门户网站,用户可以在其中上传视频并根据他们获得的观看次数从中获利。我们最近推出了一个 Android 应用程序,并尝试将“分享”按钮集成到每个视频中。这是我们放置的代码
Intent intent = new Intent();
try {
URL url = new URL("https://www.clipsnow.com/videos/images/thumbnails/230/10493.jpg");
Bitmap image = BitmapFactory.decodeStream(url.openConnection().getInputStream());
intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
intent.setAction(Intent.ACTION_SEND);
intent.setData(Uri.parse("https://www.clipsnow.com"));
intent.putExtra(Intent.EXTRA_TEXT,msg);
intent.setType("text/plain");
intent.putExtra(Intent.EXTRA_STREAM, getImageUri(v.getContext(), image));
intent.setType("image/*");
intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION);
v.getContext().startActivity(Intent.createChooser(intent, "Share Video"));
} catch (Exception e) {
e.printStackTrace();
}
Run Code Online (Sandbox Code Playgroud)
当我们与此共享任何视频时,只有缩略图与视频标题一起共享。但是,我们需要共享视频 URL,当用户点击 URL 时,用户将被带到我们的应用程序。
我们怎么做?
我正在尝试通过开放图元标记来利用富文本消息。因此,我已经将meta标签包含在我的网站标题中,并且它通过了所有Facebook调试和iOS API验证工具。
但是,当我将链接发短信给Android或iOS上的人时,它通常不起作用。它通常与Facebook Messenger一起使用
有人知道这是手机运营商问题还是我配置错误?
<meta property="fb:app_id" content="********" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://dameranchdesigns.com/" />
<meta property="og:title" content="Dame Ranch Designs" />
<meta property="og:description" content="Divinely inspired logo graphics and
website design. A whole new way of being ... on the internet." />
<meta property="og:image"
content="https://dameranchdesigns.com/images/logos/DRDSunLncropped.png" />
Run Code Online (Sandbox Code Playgroud) 我想像Facebook og meta一样,但对于我的网站的whatsapp消息,如附加截图,当我查看谷歌的元标记并找到这个角色属性但发现我无法用来完成它.
我怎么能实现这个目标?
这是我提到的.
<meta content="images/imagery" item prop="image">
我按照下面的开放图元标记来显示共享缩略图。它在 Facebook 中完美运行,但在 Whatsapp 中运行不佳
<meta property="og:site_name" content="Hahaa haa">
<meta property="og:title" content="Haaha haa - Music Player" />
<meta property="og:url" content="http://13.126.57.106/aiyoapp/public/" />
<meta property="og:description" content="Haaha haa Music Player is used to share">
<meta property="og:image" itemprop="image" content="http://13.126.57.106/aiyoapp/public/images/ha_thumb.png">
<meta property="og:type" content="website" />
Run Code Online (Sandbox Code Playgroud)