Добавьте внешний код в npm запустить сборку для индекса. html - PullRequest
Новая
       53

Добавьте внешний код в npm запустить сборку для индекса. html

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

Я хочу добавить код отслеживания из FB на мою VueJS LandingPage.

Но я не уверен, где мне нужно разместить фрагмент кода? 

         <!-- Facebook Pixel Code -->
            <script>
            !function(f,b,e,v,n,t,s)
            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
            n.queue=[];t=b.createElement(e);t.async=!0;
            t.src=v;s=b.getElementsByTagName(e)[0];
            s.parentNode.insertBefore(t,s)}(window,document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
            fbq('init', 'xxxxxx'); 
            fbq('track', 'PageView');
                    </script>
            <noscript>
             <img height="1" width="1" 
            src="https://www.facebook.com/tr?id=xxxxxx&ev=PageView
            &noscript=1"/>
            </noscript>
            <!-- End Facebook Pixel Code -->

Если я Скопируйте этот код самостоятельно в индекс. html это работает. но где я должен разместить этот фрагмент, который он скопирует в мой индекс. html build?

1 Ответ

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

Если вы используете Vue CLI 3, у вас должна быть папка src и папка public. Папка public содержит index.html, который используется для создания индекса. Файл html - вы видите в папке dist после сборки. Просто добавьте к нему свой трекер, и он также должен быть включен в вашу встроенную версию.

Вы также можете скопировать скрипт трекера в mounted хук приложения. vue, или что вы используете в качестве своего главный компонент. Поскольку ваше приложение в любом случае не будет делать ничего полезного, когда javascript отключено, также нет особых причин отслеживать это.

...