网站后台怎么转发网页内容(分享一个商品的网页到facebook,必须以图文详情的方式分享)
优采云 发布时间: 2022-02-25 22:02网站后台怎么转发网页内容(分享一个商品的网页到facebook,必须以图文详情的方式分享)
前言
最近,我单击网页内的按钮将网页分享到 facebook。如果是简单的分享到facebook的链接,很简单,但是如果网页显示产品详情,分享一个产品的网页到facebook,那么一定是通过图文详情分享到facebook,效果如下如下:
图像.png
如果分享到 facebook 必须以图文形式分享,而您碰巧看到 Facebook API 未解决的问题,那么这个 文章 适合您。
注意一个
在我们分享的网页中,meta部分必须配置如下:
注2
网址
内容必须是标记的 URL,并且不得收录任何计数器和会话变量。这就是重点!
错误地址如下:
https://www.your-domain.com/your-page.html?a=1
https://www.your-domain.com/your-page.html?a=1&b=2
针对这个问题,在我们的项目中,商品页面是共享的,所以商品的ID是动态的!有两种方法可以解决这个问题:
例如是后台路由网页,其中ENUS/h5token/ 2/68 / 是动态数据,包括语言、token、邀请人ID和产品ID,所以对于og:url的参数,我们可以完美解决,这部分由后台完成!
注3
对于 og:url 内容地址,如果你不知道 facebook 能不能识别,那么把你的网页放到 facebook 供开发者测试一下,结果会显示你的网页中是否收录必要的参数,如如下:
第 1 步:输入网址
第 1 步:检测网页
当您看到此屏幕时,facebook 会读取您的网页收录指定的元数据,然后您以图片和文字的形式分享它! !
注意四
分享代码如下:
location.href = `https://www.facebook.com/sharer/sharer.php?kid_directed_site=0&u=${url}`
url: 该链接和meta部分的og:url值一模一样,就是哪个标准的分享网页地址!
总结
优采云代码:拿走并使用它! !
第一步:后台生成含有meta部分的标准路径网页,例如:http(s)://a.com/c.html
第二步:location.href = `https://www.facebook.com/sharer/sharer.php?kid_directed_site=0&u=http(s)://a.com/c.html`
说明
原创作品,禁止转载和伪原创,违者必究!