Angular 9 Социальные сети - PullRequest
Новая
       52

Angular 9 Социальные сети

0 голосов
/ 29 апреля 2020

Я изо всех сил пытаюсь интегрировать социальные медиа в мое приложение angular, документация плохая, и плагин на самом деле не существует.

Вариант использования: я хочу добавить 3 кнопки для добавления / следования за страницей в этих социальных сетях. media:

  1. Facebook -> Likes
  2. LinkedIn -> Follow
  3. Youtube -> Подписаться на канал

Мне удалось иметь подтверждение концепции в одном html файле, как показано ниже с кодом:

enter image description here

Простой код 

<body>

<script src="https://apis.google.com/js/platform.js"></script>
<script src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v6.0"></script>
<div class="container mb-5">
    <br />
    <div class="row">
        <div class="col-md-8">
            <div class="col shadow rounded px-0">
                news banner section
            </div>
        </div>
        <div class="col-md-4">
            <div class="col shadow rounded">
                <div class="row border border-primary" style="margin-bottom: 5px;padding:5px">
                    <div class="col"><i class="fa fa-facebook-official" style="color: #3b5998;" aria-hidden="true"></i></div>
                    <div class="col">
                        <div id="fb-root"></div>
                        <div class="fb-like" data-href="https://www.facebook.com/uexglobal/" data-width="" data-layout="button_count" data-action="like" data-size="large" data-share="false"></div>
                    </div>
                </div>
                <div class="row border border-info" style="margin-bottom: 5px; padding:5px">
                    <div class="col"><i class="fa fa-linkedin" aria-hidden="true"></i></div>
                    <div class="col">
                        <script type="IN/FollowCompany"  data-id="10864049" data-counter="right"></script>
                    </div>
                </div>
                <div class="row border border-danger" style="margin-bottom: 5px;padding:5px">
                    <div class="col"><i class="fa fa-youtube" aria-hidden="true"></i></div>
                    <div class="col">
                        <div class="g-ytsubscribe float-right" data-channelid="UC3TxzoVPkc118bCbnFq6OlA" data-layout="default" data-count="default">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>

Однако при попытке заставить его работать в приложении Angular 8/9 ничего не работает, кнопки не отображаются.

Я часто выхожу из системы, но только для примера поиска для совместного использования / входа в систему, но не для следования, так что если У кого-нибудь есть решение, которое мне всем по вкусу.

Спасибо за вашу помощь и время.

...