Asenna HubSpot-seurantakoodi
Päivitetty viimeksi: lokakuuta 8, 2024
Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:
Kaikki tuotteet ja HubSpot-tilaukset |
HubSpot-seurantakoodi on ainutlaatuinen jokaisella HubSpot-tilillä, ja sen avulla HubSpot voi seurata verkkosivustosi liikennettä. Seurantakoodi sisällytetään automaattisesti HubSpotin blogisivuille, laskeutumissivuille ja verkkosivuston sivuille.
Jos sinulla on ulkoisesti isännöityjä sivuja (eli sivuja, jotka eivät ole HubSpotissa), sinun on asennettava HubSpotin seurantakoodi manuaalisesti, jotta voit kerätä analytiikkaa näiltä sivuilta.
Lue lisää siitä, miten seurantakoodin avulla voit seurata verkkosivustosi kävijöitä.
Jos käytät HubSpotin seurantakoodia, kävijöiden tiedot kerätään ja niitä käytetään verkkosivustosi liikenteen seurantaan. HubSpot käyttää myös tiettyjä HubSpot-seurantakoodilla kerättyjä tietoja HubSpotin tuotteiden ja palveluiden parantamiseen, mukaan lukien Breeze Intelligence -kaupallinen tietokokonaisuus. Voit poistaa tilisi tietojen jakamisen HubSpotin kanssa käytöstä siirtymällä tilisi asetuksiin. Lisätietoja HubSpot-seurantakoodin keräämistä tiedoista.
Huom:
- Yhdelle sivulle ei pidä asentaa useita HubSpot-seurantakoodeja. Jos on asennettu useita HubSpot-seurantakoodeja, ensimmäinen sivulle latautuva koodi käynnistyy; seuraavat HubSpot-seurantakoodit eivät lataudu.
- Jos IT-hallintosi tai web-kehittäjäsi asentaa koodin, heillä on oltava HubSpot-käyttäjätili.
- Jos käytät yksisivuista sovellusta, tutustu kehittäjien dokumentaatioon seurannan määrittämiseksi.
- Jos isännöit kokonaisia verkkotunnuksia tai aliverkkotunnuksia ulkoisesti, sinun on myös lisättävä verkkotunnuksesi ja/tai aliverkkotunnuksesi HubSpotin asetuksiin.
- Seurantakoodia ei tueta AMP-sivustoilla.
- Jos ulkoinen sivustosi käyttää WordPressiä, on suositeltavaa asentaa ja käyttää HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress -lisäosaa. Se asentaa HubSpot-seurantakoodin WordPress-sivustollesi.
- Jos kävijällä on asennettuna mainosten estoohjelma, se voi häiritä seurantakoodia.
Kopioi HubSpot-seurantakoodisi
- Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
- Siirry seuranta- ja analytiikka-asetuksiin:
-
Siirry vasemman sivupalkin valikossa kohtaan Seurantakoodi tilillä, jolla on pääsy vain Marketing Starteriin tai HubSpotin ilmaisiin työkaluihin.
- Kaikissa muissa tilauksissa navigoi vasemman sivupalkin valikossa osoitteeseen Seuranta & analytiikka > Seurantakoodi.
-
- Klikkaa Upotuskoodi-kohdassa Kopioi tai lähetä seurantakoodi sähköpostitse web-kehittäjälleni, jotta voit lähettää seurantakoodin tiimin jäsenelle, joka asentaa sen sivustollesi.
- Asenna seurantakoodi verkkosivustollesi.
Asenna seurantakoodi verkkosivustollesi
Voit asentaa seurantakoodin liittämällä koodin ennen </body>
-tunnisteen sulkemista sivustosi jokaisen sivun HTML-koodiin. Kun olet asentanut seurantakoodin, opettele, miten voit tarkistaa asennuksen ja korjata koodin vikoja.
Samaan aikaan useimmat sisällönhallintajärjestelmät ja kehittäjät voivat asentaa koodia sivustosi kaikille sivuille, esimerkiksi alatunnisteen, johon viitataan kaikilla sivuilla. Tarkista kehittäjiltäsi, miten he voivat auttaa tässä.
Kun olet lisännyt seurantakoodin kaikille sivuille, joita ei isännöi HubSpot, sinun on lisättävä ulkoisen sivuston verkkotunnukset raporttiasetuksiin, jotta ne voidaan sisällyttää HubSpot-analytiikkaan.
Seuraavista osioista voi olla apua myös, jos käytät tiettyä sisällönhallintajärjestelmää.
Asenna seurantakoodi WordPress-sivustolle
On erittäin suositeltavaa asentaa ja käyttää HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress -lisäosaa. Lisäosa asentaa HubSpot-seurantakoodin WordPress-sivustollesi automaattisesti puolestasi.
Vain jos et pysty asentamaan HubSpot WordPress -lisäosaa, voit asentaa HubSpot-seurantakoodin manuaalisesti:
- Kopioi HubSpot-seurantakoodi HubSpot-tilillesi yllä olevien ohjeiden mukaisesti.
- Kirjaudu sisään WordPress-tilillesi.
- Siirry vasemman sivupalkin valikossa kohtaan Ulkoasu > Editor.
- Valitse editorin oikealla puolella olevasta teematiedostojen luettelosta Footer.
- Liitä seurantakoodi ja valitse Päivitä tiedosto.
- Jos asennat seurantakoodin manuaalisesti ja sinulla on HubSpot Marketing Hub -tilaus, HubSpot ei pysty erottamaan WordPressin viestejä ja sivuja analytiikassaan.
- Jos verkkosivustosi on WordPress.comissa, et voi lisätä HubSpotin seurantakoodia verkkosivustollesi, ellet ole käyttänyt niiden Business-pakettia. Muut suunnitelmat (esim. Premium, Personal) eivät salli käyttäjien lisätä JavaScript-koodia.
Asenna seurantakoodi Shopify-sivustolle
- Kopioi HubSpot-seurantakoodi HubSpot-tilillesi yllä olevien ohjeiden mukaisesti.
- Kirjaudu sisään Shopify-järjestelmänhallintapaneeliin.
- Siirry vasemmanpuoleisessa sivupalkin valikossa kohtaan Verkkokauppa > Teemat.
- Napsauta pudotusvalikkoa Toiminnot ja valitse Muokkaa koodia.
- Valitse teemasi theme.liquid-tiedosto.
- Liitä HubSpot-seurantakoodisi juuri ennen </body>-tunnistetta tähän tiedostoon.
- Napsauta oikeassa yläkulmassa Tallenna.
Asenna seurantakoodi Drupal-sivustolle
- Kopioi HubSpot-seurantakoodi HubSpot-tilillesi yllä olevien ohjeiden mukaisesti.
- Kirjaudu sisään Drupal-hallintapaneeliin.
- Siirry päänavigointivalikossa kohtaan Rakenne.
- Klikkaa lohkoja.
- Napsauta + Lisää lohko.
- Syötä uuden lohkon kentät. Liitä seurantakoodi Lohkon runko -kenttään ja valitse sitten Tallenna lohko.
Asenna seurantakoodi Magento-verkkosivustolle
Kopioi HubSpot-seurantakoodi HubSpot-tilillesiyllä olevien ohjeiden mukaisesti.Seuraa sitten Magenton suunnittelun käyttöoppaasta ohjeita kolmannen osapuolen JavaScript-koodin asentamiseen Header HTML:ään.
Asenna seurantakoodi Wix-sivustolle
Käytä Wixin App Marketia lisätäksesi HTML-videon sivullesi:
- Kopioi HubSpot-seurantakoodi HubSpot-tilillesi yllä olevien ohjeiden mukaisesti.
- Siirry sivustosi kojelaudan asetuksiin.
- Napsauta Lisäasetukset-osiossa olevaa Mukautettu koodi -välilehteä.
- Napsauta + Lisää mukautettu koodi oikeassa yläkulmassa.
- Liitä seurantakoodi tekstiruutuun.
- Aseta uuden työkalun nimeksi HubSpot Tracking Code.
- Napsauta Add Code to Pages (Lisää koodia sivuille ) -kohdassa All pages (Kaikki sivut ) -valintaruutua ja valitse
pudotusvalikosta Load code on each new page (Lataa koodi jokaiselle uudelle sivulle). - Napsauta kohdassa Place Code in (Sijoita koodi kohtaan) valintapainiketta Body - end (Runko - loppu ) -vaihtoehdon kohdalla.
- Tallenna muutokset napsauttamalla Käytä .
Asenna seurantakoodi Joomla-sivustolle.
HubSpotin seurantakoodin voi lisätä Joomla-sivustoosi kahdella tavalla. Kummallakin menetelmällä sinun on ensin kopioitava HubSpot-seurantakoodisi yllä olevien ohjeiden mukaisesti.
Voit valita laajennuksen Joomlan laajennushakemistosta, johon voit liittää HubSpot-seurantakoodin. Vaihtoehtoisesti voit asentaa seurantakoodin noudattamalla alla olevia ohjeita:
- Kirjaudu sisään Joomla-tilillesi ylläpitäjänä.
- Siirry päänavigointivalikossa kohtaan Laajennukset > Mallit > Mallit.
- Napsauta mallisi nimeä ja valitse vasemman sivupalkin valikosta index.php.
- Liitä HubSpot-seurantakoodi suoraan </body>-tunnisteen yläpuolelle.
- Napsauta Tallenna.
Asenna seurantakoodi Squarespace-sivustolle.
- Kopioi HubSpot-seurantakoodi HubSpot-tilillesi yllä olevien ohjeiden mukaisesti.
- Kirjaudu sisään Squarespace-tilillesi.
- Siirry vasemman sivupalkin valikossa kohtaan Asetukset.
- Siirry valikon Verkkosivusto-osiossa kohtaan Lisäasetukset ja valitse sitten Code Injection.
- Liitä seurantakoodi Header-kenttään.
- Napsauta vasemmassa yläkulmassa Tallenna.
Asenna seurantakoodi Google Tag Managerin avulla
- Kopioi HubSpot-seurantakoodi HubSpot-tilillesi yllä olevien ohjeiden mukaisesti.
- Kirjaudu uudessa selaimen välilehdessä tai ikkunassa Google Tag Manager -tilillesi.
- Valitse säiliösi.
- Siirry vasemman sivupalkin valikossa kohtaan Tunnisteet.
- Napsauta Uusi.
- Napsauta Tag Configuration.
- Valitse Tunnisteen tyypiksi Mukautettu HTML-tunniste. Anna sitten tagille nimi.
- Liitä seurantakoodi HTML-kenttään.
- Napsauta Tag Configuration (Tunnisteen määritys) -kohdan alapuolella Triggering (Laukaisu ) määrittääksesi laukaisusäännön. Jos et määritä laukaisusääntöä, tunniste ei laukea eikä HubSpot-analyysitietoja kerätä.
- Jos haluat tunnisteen toimivan kaikilla sivuilla, joille on asennettu Google Tag Manager -koodi (suositellaan), valitse vaihtoehto Kaikki sivut.
- Tallenna uusi tunniste valitsemalla Tallenna.
- Tallenna säiliö ja tunnisteet valitsemalla oikeassa yläkulmassa Julkaise.
- Jos et ole vielä tehnyt sitä, asenna Google Tag Manager sivustollesi.
Lisäkoodi tietojen syöttämiseksi HubSpotin sivutyyppeihin
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);
Vaihda CONTENT_TYPE
koodin teksti sen sisältötyypin ilmaisulla, johon haluat hyvitysten kohdistuvan.
- Jos haluat määrittää hyvitykset verkkosivun sisältötyypille, käytä lausekkeita
standard-page
taisite-page
. - Jos haluat määrittää hyvitykset Landing page -sisältötyypille, käytä lauseketta
landing-page
. - Jos haluat määrittää hyvitykset Listing-sivun sisältötyypille, käytä lauseketta
listing-page
. - Jos haluat määrittää hyvitykset Blogikirjoitus-sisältötyypille, käytä lauseketta
blog-post
. - Jos haluat määrittää hyvitykset Knowledge-artikkelin sisältötyypille, käytä lauseketta
knowledge-article
.
Kun se on lisätty, ulkoiseen sivuun liittyvät tiedot on siirrettävä koodissa valitsemaasi sivutyyppiin. Tutustu tämän koodin toimintaan kehittäjän dokumentaatiossamme.