Ссылка на LinkedIn не всегда отображается на сайте Angularjs

Question

Я работаю на некоммерческом веб-сайте в Angularjs, и когда я добавляю кнопки общего доступа LinkedIn и Facebook, кнопка Facebook всегда отображается, но кнопка LinkIn отображается только при начальной загрузке. Когда я захожу на mcwn.org, отображаются кнопки. Когда я нажимаю на кнопки вкладок вверху и затем возвращаюсь на домашнюю страницу, нажимая на логотип веб-сайта вверху, кнопка LinkedIn не отображается.

Кто-нибудь с идеями? это очень расстраивает Спасибо

Answer 1

Я думаю, что @ pascal-sanchez в комментарии говорит, что файл JS-файла загружается дважды на ваш сайт.

В журнале консоли вы можете найти такую ​​ошибку.

"Дубликат in.js загружен, любые параметры будут игнорироваться"

---

Если мы увидим «чистый код страницы», мы найдем файл linkedin только один раз. Это говорит нам о том, что второй файл записывается асинхронно в часть заголовка. Возможно это провоцирует ошибки при загрузке. Вы можете попробовать изменить эту строку:

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>

к этому

<script>
if (typeof (IN) !== 'undefined') {
  // IN.parse(); // old but still supports
  IN.init();  // reinitiating linkedin button  
} else {
  $.getScript("http://platform.linkedin.com/in.js");
}   
</script>  

Этот скрипт проверит, был ли лайвин уже запущен и загружен, если нет, то инициирует его.