Question

我有angular 4 Web应用程序。我需要分享一些帖子以链接到包含缩略图预览的URL。

我所做的是： 我正在使用index.html页面的静态元信息，并导航到另一个页面时，我正在更新元信息。从那个页面，我正在分享帖子到linkedin。能够成功与og：image共享url，但是缩略图预览中包含来自main index.html的og：image。

以下是index.html元信息：

<meta name="title" property="og:title" content="Title Example">
<meta property="og:type" content="Article">
<meta name="image" property="og:image" content="[Image URL here]">
<meta name="description" property="og:description" content="Description Example">
<meta name="author" content="Example">

以下是用于更新Share.html的元信息的代码

this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , name: 'title', content: 'Title Example Badge'});
this.meta.addTag({ prefix: 'og: http://ogp.me/ns#' , name: 'description', content: 'Badge Description '});
this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , property: 'og:image', content: this.imageURL, itemprop: 'image' });
this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , property: 'og:image:type', content: 'image/png' });
this.meta.updateTag({ prefix: 'og: http://ogp.me/ns#' , property: 'og:url', content: this.routerUrl , itemprop: 'url' });

我想要的是： 我想与更新的元信息和og：image共享URL。

Answer 1

您的有角项目有一个index.html文件，就像这样...

<meta name="title" property="og:title" content="Title Example">

如果要在index.html文件中动态呈现该数据，则只能具有自定义共享URL标题/图像/说明等。因此，例如，如果您的URL是...

example.com?post=123456

然后您会想要类似的东西。...

<meta name="title" property="og:title" content="Post #<?php print($post[id]); ?>">

要获得类似...的结果index.html页面

<meta name="title" property="og:title" content="Post #123456">

在这种情况下，您将需要处理...

1-通过服务器端处理呈现数据。
2-将?entryid=...数据附加到您通过LinkedIn共享的URL。

想要与特定帖子og：image在linkedin中分享帖子

1 个答案: