Question

我正在实现一个Facebook按钮，该按钮可以在Facebook上发布动态内容，但是它只采用（index.html页面）元标记中提供的静态URL。

<meta property="fb:app_id" content="app_id" />
<meta property="og:url" content="url" />
<meta property="og:type" content="article" />
<meta property="og:title" content="My App" />
<meta property="og:description" content="Test the site" />
<meta
  property="og:image"
  content="image_url"
/>

当我对元数据使用updateTag时，它将在检查中更新，而不是在视图页面源中。我的更新标签代码是->

this.meta.updateTag({ property: 'og:type', content: 'article' });
this.meta.updateTag({ property: 'og:site_name', content: 'New-SiteName' });
this.meta.updateTag({ property: 'og:title', content: 'New-Title' });
this.meta.updateTag({
  property: 'og:description',
  content: 'New-description',
});
this.meta.updateTag({
  property: 'og:image',
  content:
    'new-image-url',
});

this.fbk.ui({
  method: 'share_open_graph',
  action_type: 'og.shares',
  action_properties: JSON.stringify({
    object: {
      'og:title': 'New-Title',
      'og:description': 'New-Description',
      'og:image':
        'imageUrl',
      'og:url': 'redirect_url',
      },
     }),
  });

我是指- Using Facebook SDK in Angular 2

此外，我将angular.io的Angular Universal用于SSR，但仍然面临相同的问题。

对此有解决方案吗？

预先感谢！

元标记未在angular9中更新（查看源代码）

0 个答案: