Как ты получаешь разные соц.M эскизы для разных маршрутов в Angular? - PullRequest
Новая
       8

Как ты получаешь разные соц.M эскизы для разных маршрутов в Angular?

0 голосов
/ 01 октября 2018

У меня есть угловая страница www.title.org, работающая через AWS Cloudfront.

Этот проект содержит мета-информацию в файле index.html, например: 

<meta property="og:title" content="Title" />
<meta property="og:description" content="Bla bla" />
<meta property="og:image" content="image.png" />
<meta property="og:url" content="www.title.org" />

Однако, когда я публикую сообщениеwww.title.org/quiz в социальных сетях. Я хочу, чтобы в предварительном просмотре была иконка, отличная от image.png.

Я попытался использовать Угловая мета в моем файле quiz.component.ts: 

this.meta.updateTag({ name: 'og:title', content: 'Title' })
this.meta.updateTag({ name: 'og:description', content: 'New description' })
this.meta.updateTag({ name: 'og:image', content: 'image_2.png' })
this.meta.updateTag({ name: 'og:url', content: 'www.title.org/quiz' })

но это не меняет миниатюру или что-либо еще в этом отношении.

Как вы меняете миниатюры в зависимости от того, на какой маршрут вы ссылаетесь для угловой страницы?

Обновление: я попытался создать новый индексный файл с другими метаданными и перенаправлением.Итак, в quiz/index.html у меня есть: 

<head>
    <meta charset="utf-8">
    <meta property="og:title" content="My quiz" />
    <meta property="og:description" content="Do the quiz" />
    <meta property="og:image" content="image_2.png" />
    <meta property="og:url" content="https://www.title.org/quiz" />
    ...
</head>

<body>
    <script language="javascript" type="text/javascript">
        window.location.href = "https://www.styreskolen.org/quiz";
    </script>
</body>

Так что, если я отправлю https://www.styreskolen.org/quiz/index.html, я должен получить новые метаданные, но такой удачи нет.Однако он работает в Skype, поэтому кажется, что LinkedIn просто не заботится о том, что я делаю, и просто хочет посмотреть на мой корневой код.

1 Ответ

0 голосов
/ 04 октября 2018

Хорошо, в конце концов, мой способ решить эту проблему заключался в создании отдельного сегмента с дистрибутивом Cloudfront с собственным доменным именем www.quiz.title.org, содержащим только файл index.html, перенаправляющий вас на www.title.org/quiz и метаданные, которыеЯ хотел.

...