У меня угловое 4 веб-приложение.Где мне нужно поделиться некоторыми постами, на которые есть ссылки с URL-адресом, содержащим предварительный просмотр миниатюр.
Что я сделал: Использую статическую метаинформацию для страницы index.html и при переходе на другую страницу я обновляю метаинформацию.с этой страницы я делюсь постом на linkedin.Успешно может поделиться URL с og: image, но предварительный просмотр миниатюры содержит og: image из основного index.html.
Ниже приведена метаинформация 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' });
То, что я хочу: Я хочу поделиться URL с обновленной метаинформация & og: image.