Как динамически добавлять/обновлять метатеги, чтобы они выбирались в диалоговом окне общего доступа Facebook/WhatsApp?
Я обновил свое приложение angular 2 до angular 4, чтобы использовать мета-сервис для динамического добавления/обновления мета-тегов после получения данных в компоненте из API.
Пока в моем компоненте, у меня есть
this.metaService.updateTag({ property: 'og:title', content: pageTitle });
this.metaService.updateTag({ property: 'og:url', 'www.domain.com/page' });
this.metaService.updateTag({ property: 'og:image', content: coverUrl, itemprop: 'image' });
this.metaService.updateTag({ property: 'og:image:url', content: coverUrl, itemprop: 'image' });
this.metaService.updateTag({ property: 'og:image:type', content: 'image/png' });
Я использую updateTag, потому что я уже добавил статические теги со значениями по умолчанию. Этот код успешно обновляет значения метатегов при их проверке.
Я знаю, что имеет смысл, что инструменты отладчика Facebook/Whatsapp не выполняют никакой javascript, поэтому он никогда не будет выполняться в их среде.
Я использую https://developers.facebook.com/tools/debug/
и он всегда выбирает значения тега по умолчанию, что имеет смысл.
У меня вопрос: как обойти так, чтобы Facebook/Whatsapp динамически выбирал обновленные значения тегов? Я использую Angular 4 и загружаю все данные через вызовы API, поэтому невозможно получить какие-либо данные до загрузки страницы и выполнения скрипта.