我有一个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。
预先感谢
根据我的研发,可以使用元标记发布此数据。正如我告诉您的那样,“我的页面”是纯客户端页面。因此,这些元标记不适用于动态数据。
这实际上不是完整的故事。即使您的网页是“纯客户端”,您仍然绝对需要一个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" />
希望有帮助!