网站后台怎么转发网页内容(分享一个商品的网页到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`

  说明

  原创作品,禁止转载和伪原创,违者必究!

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线