0

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

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

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

基于此，我的页面数据会有所不同。现在我想在分享中添加 Facebook 和链接，并希望发送自定义信息以在 facebook 和 LinkedIn 上分享。

根据我的研发，这些数据可以使用元标记发布。正如我告诉你的，我的页面是一个纯粹的客户端页面。所以这些元标记不适用于动态数据。

谁能建议我如何将 URL、标题和描述发布到这个 linkedIn 和 facebook。

提前致谢

4

1 回答 1

1

所以，我想专注于你在这里所说的一件事：

根据我的研发，这些数据可以使用元标记发布。正如我告诉你的，我的页面是一个纯粹的客户端页面。所以这些元标记不适用于动态数据。

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

你没有提到一种语言，所以，让我们假设你正在使用 ReactJS。此处的过程与其他客户端页面相同。

在制作了一个反应项目后，我有这个文件，，./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:标签插入您的 for LinkedIn。只需使用官方 LinkedIn 共享文档中描述的标签。这应该看起来像这样......

  • <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" />

希望这可以帮助！

于 2020-05-30T18:18:44.123 回答