1

我正在尝试通过我的网站在 WhatsApp 上启用链接共享（文本 + 图像）。我已经实现了 OG 标签。

在头上——

<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Yuva Registration" />
<meta property="og:description" content="Register to get benefits" />
<meta property="og:site_name" content="Yuva" />
<meta property="og:url" content="http://ad-test.easygov.co.in/PanAdvertisement/"/>
<meta property="og:image" itemProp="image" content="http://ad-test.easygov.co.in/advertisement/test.png"/>
<meta property="og:image:type" content="image/png"/>

在我的身体里——

 <link itemprop="thumbnailUrl" href="http://ad-test.easygov.co.in/advertisement/test.png" />
<span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject" >
<link itemprop="url" href="http://ad-test.easygov.co.in/advertisement/test.png" />
</span>

我通过共享调试器验证了我的标签，一切似乎都井井有条，调试器正在获取我的所有标签。

这是 Whatsapp 锚标签 -

  <a href="https://web.whatsapp.com/send?text= Please Visit https://easygov.co.in/PanAdvertisement"  
  rel="nofollow noopener" target="_blank"
 className="share-icon"><img src="/img/share-icon.png" style={{height:'36px'}}/>Share via Whatsapp</a>

但在分享时我只收到文字 - 请访问https://easygov.co.in/PanAdvertisement

我无法弄清楚我错过了什么或做错了什么。

谢谢！

4

1 回答 1

1

好吧，事实证明你不能实现这个跨域。一旦我将 WhatsApp 标记的 href URL 更改为og:url中的一个匹配项， 它就开始按照我想要的方式工作。

<a href="https://web.whatsapp.com/send?text= Please Visit http://ad-test.easygov.co.in/PanAdvertisement"  
rel="nofollow noopener" target="_blank"
className="share-icon"><img src="/img/share-icon.png" style={{height:'36px'}}/>Share via Whatsapp</a>

如果您想在 Whatsapp 应用程序而不是网络应用程序上分享，可以使用以下内容 -

 <a href="whatsapp://send?text= Please Visit http://ad-test.easygov.co.in/PanAdvertisement"  rel="nofollow noopener" target="_blank" className="share-icon"><img src="/img/share-icon.png" style={{height:'36px'}}/>Share via Whatsapp</a>
于 2021-01-15T12:43:35.370 回答