动态数据传递到Facebook并与LinkedIn共享

问题描述 投票:0回答:1

我有一个HTML页面,我正在其中使用javascript根据查询字符串值加载内容。在javascript中,我有一些动态代码可根据此查询字符串值在页面上加载单独的数据。

现在我的页面链接看起来像

https://example.com?datatype=1
https://example.com?datatype=2
https://example.com?datatype=3

基于此,我的页面数据将有所不同。现在,我想在此共享中添加Facebook和LInked,并希望发送自定义信息以在Facebook和LinkedIn上共享。

根据我的研发,可以使用元标记发布此数据。正如我告诉您的那样,“我的页面”是纯客户端页面。因此,这些元标记不适用于动态数据。

[谁能建议我如何将URL,标题和描述发布到此linkedIn和facebook。

预先感谢

facebook facebook-graph-api linkedin facebook-social-plugins socialsharing-plugin
1个回答
0
投票
所以,我想专注于您在这里所说的一件事:

根据我的研发,可以使用元标记发布此数据。正如我告诉您的那样,“我的页面”是纯客户端页面。因此,这些元标记不适用于动态数据。

这实际上不是完整的故事。即使您的网页是“纯客户端”,您仍然绝对需要一个HTML框架来保存它,即使它的最小内容为:<html><head><script type="text/javascript" src="...."></head></html>。您需要做的是编辑为客户端应用程序提供的文档。

您没有提到语言,因此,假设您使用的是ReactJS。对于其他客户端页面,此处的过程相同。

创建React项目后,我有这个文件./public/index.html,并且在其中...

<!doctype html> <html lang="en"> <head> <title>Scheduler</title> <meta charset="utf-8" /> <link id="css-root" href="" rel="stylesheet" type="text/css" /> </head> ... </html>

您需要做的就是将og:标签插入到LinkedIn中。只需使用

Official LinkedIn Share Documentation所述的标签即可。这应该看起来像这样...

    <meta property='og:title' content='Title of the article"/>
  • <meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
  • <meta property='og:description' content='Description that will show in the preview"/>
  • <meta property='og:url' content='//www.example.com/URL of the article" />
  • 希望有帮助!

  • © www.soinside.com 2019 - 2024. All rights reserved.