Siirry sisältöön
Huomaa: Tämän artikkelin käännös on tarkoitettu vain tiedoksi. Käännös on luotu automaattisesti käännösohjelmiston avulla, eikä sitä ole välttämättä tarkistettu. Näin ollen tämän artikkelin englanninkielistä versiota on pidettävä hallitsevana versiona, joka sisältää uusimmat tiedot. Voit tutustua siihen täällä.

Asenna HubSpot-seurantakoodi

Päivitetty viimeksi: 6 heinäkuuta 2026

Saatavilla minkä tahansa seuraavan Tilauksen kanssa, paitsi jos toisin mainitaan:

Yhteenveto

HubSpot-seurantakoodi on yksilöllinen jokaiselle HubSpot-tilille, ja sen avulla HubSpot voi seurata verkkosivustosi liikennettä. Seurantakoodi lisätään automaattisesti HubSpot-blogisivuille, aloitussivuille ja verkkosivuston sivuille.

Jos sinulla on ulkoisesti isännöityjä sivuja (eli sivuja, jotka eivät ole HubSpotissa), sinun on asennettava HubSpot-seurantakoodi manuaalisesti, jotta näiden sivujen analytiikka voidaan kerätä. Voit myös pyytää kehittäjää asentamaan lisäkoodin, jolla tiedot luokitellaan HubSpot-sivutyyppeihin. Lue lisää siitä, miten seurantakoodin avulla voit seurata verkkosivustosi kävijöitä.

Ulkoisilla sivuilla seurantakoodi auttaa HubSpotia tunnistamaan sivuston ja liittämään sen tiliisi, se voi seurata sekä HubSpotin että muiden palvelujen lomakkeiden lähetystietoja ja mahdollistaa esimerkiksi live-chat-widgetien käytön; seurantakoodi itsessään ei luo tai asenna lomakkeita.

Jos käytät HubSpot-seurantakoodia, kävijöidesi tiedot kerätään ja käytetään verkkosivustosi liikenteen seurantaan. HubSpot käyttää myös tiettyjä HubSpot-seurantakoodin avulla kerättyjä tietoja HubSpotin tuotteiden ja palveluiden parantamiseen, mukaan lukien Breeze Intelligence -kaupallinen tietokanta. Voit poistaa tietojen jakamisen HubSpotin kanssa tililtäsi siirtymällä tilisi asetuksiin. Lue lisää HubSpot-seurantakoodin keräämistä tiedoista.

Luo mukautettuja ratkaisuja

Lue lisää seurantakoodin mukauttamisesta seurantakoodin API:n avulla.

Huomaa:

  • Yhdelle sivulle ei tule asentaa useita HubSpot-seurantakoodeja. Jos sivulle on asennettu useita HubSpot-seurantakoodeja, ensimmäinen sivulle ladattu koodi laukeaa; sitä seuraavia HubSpot-seurantakoodeja ei ladata.
  • Jos IT-järjestelmänvalvojasi tai verkkokehittäjäsi asentaa koodin, heillä on oltavaHubSpot-käyttäjätili.
  • Jos käytät yksisivuisia sovelluksia, tutustu kehittäjien ohjeisiin seurannan määrittämiseksi.
  • Jos isännöit kokonaisia verkkotunnuksia tai aliverkkotunnuksia ulkoisesti, sinun on lisättävä verkkotunnuksesi ja/tai aliverkkotunnuksesi myös HubSpotin asetuksiin.
  • Jos seurantakoodia ei ole asennettu sivulle, HubSpot ei voi seurata kyseisen sivun liikennettä, sivun katselukertoja, kävijöiden toimintaa tai sivustotapahtumia. Seurantakoodista riippuvat ominaisuudet, kuten live-chat-widgetit, eivät lataudu.
  • Muiden kuin HubSpotin lomakkeiden lähetystietoja ei tallenneta ilman seurantakoodia. Jos haluat tallentaa lähetystietoja ilman sivuston seurantaa, käytä HubSpot-lomakkeita tai Forms API:ta; HubSpot-lomakkeen upotuskoodi voi edelleen vastaanottaa lähetystietoja, mutta sivuston kokonaisvaltaista seurantaa ei ole käytettävissä ilman seurantakoodia.
  • Seurantakoodia ei tueta AMP-sivustoilla.
  • Jos ulkoisella sivustollasi on käytössä WordPress, suosittelemme asentamaan ja käyttämään HubSpot All-in-One Marketing – Forms, Pop-ups, Live Chat -WordPress-laajennusta. Se asentaa HubSpot-seurantakoodin WordPress-sivustollesi.
  • Jos kävijällä on mainosten esto-ohjelma asennettuna, se voi häiritä seurantakoodin toimintaa.

 

HubSpot-seurantakoodin kopioiminen

  1. Napsauta HubSpot-tilisi ylänavigointipalkin asetuskuvaketta.
  2. Siirry seuranta- ja analytiikka-asetuksiin:
    • Kaikissa muissatilauksissasiirry vasemman sivupalkin valikosta kohtaan Seuranta ja analytiikka > Seurantakoodi.
  3. Napsauta Upotuskoodi -osiossa Kopioi tai Lähetä sähköpostilla verkkokehittäjälleni, jotta voit lähettää seurantakoodin tiimin jäsenelle, joka asentaa sen sivustollesi.

    The "Tracking code installation" settings, showing the "Embed code" section and highlighting the "Copy" button below the embed code.
  4. Asenna seurantakoodi verkkosivustollesi.

Kuinka asentaa HubSpot-seurantakoodi verkkosivustolle

Asenna seurantakoodi liittämällä koodi sulkevan </body> -tagin eteen sivustosi jokaisen sivun HTML-koodiin. Kun olet asentanut seurantakoodin, lue ohjeet asennuksen tarkistamisesta ja koodin vianmäärityksestä.

Useimmat sisällönhallintajärjestelmät ja kehittäjät voivat asentaa koodin sivustosi kaikille sivuille, esimerkiksi kaikilla sivuilla viitattavaan alatunniste-tiedostoon. Kysy kehittäjiltäsi, miten he voivat auttaa tässä.

Kun olet lisännyt seurantakoodin sivuille, joita ei isännöidä HubSpotissa, sinun tulee lisätä ulkoisten sivustojen verkkotunnukset raporttiasetuksiisi, jotta ne sisällytetään HubSpot-analytiikkaasi. 

Seuraavat osiot voivat myös olla avuksi, jos käytät tiettyä sisällönhallintajärjestelmää.

Huomaa: koska jokaisen verkkosivuston rakenne on erilainen, nämä ohjeet eivät välttämättä vastaa tarkalleen sivustosi HTML-koodiin pääsyn ohjeita. Jos et ole varma, miten pääset käsiksi sivustosi HTML-koodiin, ota yhteyttä verkkosivuston ylläpitäjään, IT-osastoon tai kehittäjään ja näytä heille tämä artikkeli.
 

HubSpot-seurantakoodin asentaminen WordPress-verkkosivustolle

On erittäin suositeltavaa, että asennat ja käytät HubSpot All-in-One Marketing – Forms, Pop-ups, Live Chat -WordPress-laajennusta. Laajennus asentaa HubSpot-seurantakoodin automaattisesti WordPress-verkkosivustollesi puolestasi.

Vain jos et pysty asentamaan HubSpot-WordPress-laajennusta, voit asentaa HubSpot-seurantakoodin manuaalisesti:

  1. Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi.
  2. Kirjaudu WordPress-tiliisi.
  3. Siirry vasemmalla olevasta sivupalkin valikosta kohtaan Ulkonäkö > Editori.
  4. Valitse editorin oikealla puolella olevasta teematiedostoluettelosta Footer.
  5. Liitä seurantakoodi ja valitse Päivitä tiedosto.

Huomaa:
  • Jos asennat seurantakoodin manuaalisesti ja sinulla on HubSpot Marketing Hub -tilauksesi, HubSpot ei pysty erottamaan WordPress-julkaisuja ja -sivuja toisistaan analytiikassaan.
  • Jos verkkosivustosi on WordPress.com-palvelussa, et voi lisätä HubSpot-seurantakoodia sivustollesi, ellet ole heidän Business-sopimuksessaan. Muut sopimukset (esim. Premium, Personal)eivät salli käyttäjien lisätä JavaScript-koodia.

Kuinka asentaa HubSpot-seurantakoodi Shopify-sivustolle

Huomaa: jos asennat Shopify (Data Sync) -integraation, HubSpot-seurantakoodi lisätään Shopify-kauppaasi automaattisesti. 


  1. Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi.
  2. Kirjaudu Shopify-hallintapaneeliin.
  3. Siirry vasemman sivupalkin valikosta kohtaan Verkkokauppa > Teemat.
  4. Napsauta Toiminnot -pudotusvalikkoa ja valitse Muokkaa koodia.
  5. Valitse teemasi theme.liquid -tiedosto.

  1. Liitä HubSpot-seurantakoodi juuri ennen </body>-tagiä tässä tiedostossa.
  2. Napsauta oikeassa yläkulmassa Tallenna.

Kuinka asentaa HubSpot-seurantakoodi Drupal-sivustolle

  1. Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi.
  2. Kirjaudu Drupalin hallintapaneeliin.
  3. Siirry päävalikosta kohtaan Rakenne.
  4. NapsautaLohkot.

  1. Napsauta + Lisää lohko.
  2. Täytä uuden lohkon kentät. Liitä seurantakoodi Lohkon teksti -kenttään ja napsauta sitten Tallenna lohko.

Kuinka asentaa HubSpot-seurantakoodi Magento-sivustolle

Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi. Noudata sitten Magenton suunnitteluopasta, jossa on ohjeet kolmannen osapuolen JavaScript-koodin asentamiseen Header HTML -kohtaan.

HubSpot-seurantakoodin asentaminen Wix-sivustolle

Käytä Wixin App Marketia lisätäksesi HTML-widgetin sivullesi:

  1. Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi.
  2. Siirry sivustosi hallintapaneelissa kohtaanAsetukset.
  3. NapsautaMukautettu koodi-välilehteäLisäasetukset-osiossa.
  4. Napsauta oikeassa yläkulmassa olevaa+ Lisää mukautettu koodi-painiketta.
  5. Liitä seurantakoodi tekstikenttään. 
  6. Määritä uuden työkalun nimeksi HubSpot-seurantakoodi.
  7. Napsauta Lisää koodi sivuille -kohdassa valintapainiketta Kaikki sivut ja valitse pudotusvalikosta vaihtoehto Lataa koodi jokaiselle uudelle sivulle.
  8. Kohdassa Sijoita koodi osioon valitse valintanappi Body - end.
  9. Napsauta Käytä tallentaaksesi muutokset.
Jos käytät Wix-sivustollasi live-chattia tai botia, voit joko noudattaa yllä olevia ohjeita ja lisätä chatflow-toiminnon jokaiselle sivulle tai pyytää kehittäjää käyttämään Chat-widgetin SDK:ta tiettyjen sivujen kohdentamiseen. Määritä eri sivuille eri chatflow-toiminnot .widget-refresh-menetelmällä. Lisätietoja löytyy HubSpotin kehittäjäohjeista
 

HubSpot-seurantakoodin asentaminen Joomla-sivustolle

HubSpot-seurantakoodin lisääminen Joomla-sivustolle onnistuu kahdella tavalla. Kummassakin menetelmässä sinun on ensin kopioitava HubSpot-seurantakoodi yllä olevien ohjeiden mukaisesti.

Voit valita laajennuksen Joomla-laajennushakemistosta, johon voit liittää HubSpot-seurantakoodin. Vaihtoehtoisesti voit asentaa seurantakoodin seuraavien ohjeiden mukaisesti:

  1. Kirjaudu Joomla-tiliisi järjestelmänvalvojana.
  2. Siirry päävalikosta kohtaan Laajennukset > Mallit > Mallit.
  3. Napsauta mallisi nimeä ja valitse vasemman sivupalkin valikosta index.php.
  4. Liitä HubSpot-seurantakoodi suoraan </body>-tagin yläpuolelle.
  5. Napsauta Tallenna.

HubSpot-seurantakoodin asentaminen Squarespace-sivustolle

  1. Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi.
  2. Kirjaudu Squarespace-tiliisi.
  3. Siirry vasemman sivupalkin valikosta kohtaan Asetukset.
  4. Siirry valikon Verkkosivusto-osiossa kohtaan Lisäasetukset ja valitse sitten Koodin lisäys.
  5. Liitä seurantakoodi Otsikko-kent tään.
  6. Napsauta vasemmassa yläkulmassa Tallenna.

HubSpot-seurantakoodin asentaminen Google Tag Managerin avulla

  1. Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi.
  2. Kirjaudu Google Tag Manager -tiliisi uudessa selainvälilehdessä tai -ikkunassa.
  3. Valitse konttisi.
  4. Siirry vasemman sivupalkin valikosta kohtaan Tunnisteet.
  5. Napsauta Uusi.

  1. Napsauta Tagin asetukset.
  2. Valitse Tag-tyypiksi Custom HTML Tag. Anna sitten tagillesi nimi.
  3. Liitä seurantakoodi HTML -kenttään.
  4. Napsauta Tagin asetusten alla kohtaa Laukaisu määrittääksesi laukaisusäännön. Jos et määritä laukaisusääntöä, tagia ei laukaista eikä HubSpot-analyysitietoja kerätä.
  5. Jotta tunniste laukeaisi kaikilla sivuilla, joihin on asennettu Google Tag Manager -koodi (suositus), valitse vaihtoehto Kaikki sivut.

  1. Napsauta Tallenna tallentaaksesi uuden tagin.
  2. Napsauta oikeassa yläkulmassa Julkaise tallentaaksesi konttisi ja tunnisteesi.

  1. Jos et ole vielä tehnyt niin, asenna Google Tag Manager verkkosivustollesi.

Mitä lisäkoodia voin lisätä, jotta tiedot voidaan ryhmitellä HubSpot-sivutyyppeihin

Jos käytät kontaktien luomisen attribuutioraportteja, tulojen attribuutioraportteja tai Sivut-välilehteä Traffic Analytics -työkalussa ja haluat, että ulkoisten sivujesi kävijätiedot ryhmitellään tiettyihin sivutyyppeihin, sinun tulee pyytää kehittäjätiimiäsi lisäämään seuraava koodi sivuillesi:
 
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);

Korvaa CONTENT_TYPE koodissa ilmaisulla, joka kuvaa sisältötyyppiä, johon haluat luottojen kohdistuvan.

  • Jos haluat kohdistaa luottoja verkkosivun sisältötyypille, käytä lausekkeita standard-page tai site-page.
  • Jos haluat kohdistaa krediittejä sisältötyypille Laskeutumissivu, käytä ilmaisua landing-page.
  • Jos haluat kohdistaa krediittejä Listing-sivunsisältötyyppiin, käytä ilmaisua listing-page.
  • Jos haluat kohdistaa krediittejä Blogipostaus-sisältötyyppiin, käytä ilmaisua blog-post.
  • Jos haluat kohdistaa hyvityksiä tietopohjansisältötyyppiin, käytä ilmaisua knowledge-article.

Kun se on lisätty, ulkoista sivua koskevat tiedot tulisi luokitella koodissa valitsemasi sivutyypin alle. Tutustu tämän koodin toimintaan kehittäjien dokumentaatiossamme.

Oliko tästä artikkelista apua?
Tätä lomaketta käytetään vain dokumentaation palautteeseen. Lue, miten saat apua HubSpotin kanssa.