Angular 2+ Social Share Link Предварительный просмотр - PullRequest
0 голосов
/ 04 ноября 2019

Я работаю над приложением Angular 4, которое имеет функцию, которая генерирует различные ссылки на формы обратной связи на основе разных критериев. Таким образом, каждый день могут создаваться сотни или тысячи ссылок.

То, что я хочу сделать, это сделать все эти ссылки богатыми с точки зрения социального обмена, то есть каждая ссылка, если она будет вставлена ​​в социальную сеть, такую ​​как Facebook, должна иметь метаданные, специфичные для этой формы, т.е. все ссылки будутимеют разные названия форм и описаний. Каждая ссылка на конкретные данные должна быть получена при вставке ссылки в Facebook, Twitter и т. Д.

Как выполнить это требование. Как это реализовать? Заранее спасибо.

1 Ответ

1 голос
/ 04 ноября 2019

Для решения проблемы необходимо реализовать две вещи:

  1. Реализовать открытые теги графиков на странице index.html. Вам необходимо изменить эти метатеги, основываясь на URL-адресе, на который вы направляете пользователя через мета-сервис в угловом формате. Обратитесь к URL для получения дополнительной информации https://alligator.io/angular/meta-tags/
  2. Разместите это использование на стороне сервера рендеринга с использованием Angular Universal.
  3. Используйте отладчик Facebook для проверки сгенерированного контента.

Если ваш проект не может реализовать SSR (из-за статического сервера), то указанные выше пункты не будут работать с Facebook, Twitter,linkedin, WhatsApp.

Вам необходимо выбрать такие решения, как: Angular 4 - динамически обновлять метатеги для Facebook (открыть график)

  1. Рендеринг прокси. prerender.io
  2. .htaccess с PHP.
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...