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: 14 huhtikuuta 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 verkkosivustojen 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, joka luokittelee tiedot HubSpot-sivutyyppeihin. Lue lisää siitä, miten seurantakoodin avulla voit seurata verkkosivustosi kävijöitä.

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-seurantakoodista 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.

Huomaa:

 

HubSpot-seurantakoodin kopioiminen

  1. Napsauta HubSpot-tilisi ylänavigointipalkin settings asetuskuvaketta.
  2. Siirry seuranta- ja analytiikka-asetuksiin:
    • Kaikissa muissatilauksissasiirry vasemman sivupalkin valikosta kohtaan Seuranta ja analytiikka > Seurantakoodi.
  3. Napsauta Embed code -osiossa Copy tai Email to my web developer, 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ä.

Samalla useimmat sisällönhallintajärjestelmät ja kehittäjät voivat asentaa koodin sivustosi kaikille sivuille, kuten 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 jokainen verkkosivusto on rakennettu eri tavalla, nämä vaiheet eivät välttämättä ole tarkat ohjeet HTML-koodin käyttämiseen. 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.

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 vasemman sivupalkin valikosta kohtaan Ulkonäkö > Editori.
  4. Valitse editorin oikealla puolella olevasta teematiedostojen luettelosta Footer.
  5. Liitä seurantakoodi ja valitse Päivitä tiedosto.

Huomaa:
  • Jos asennat seurantakoodin manuaalisesti ja sinulla on HubSpot Marketing Hub -tilauksen, HubSpot ei pysty erottamaan WordPress-viestejä ja -sivuja analytiikassaan.
  • Jos verkkosivustosi on WordPress.com-palvelussa, et voi lisätä HubSpot-seurantakoodia verkkosivustollesi, 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 sisään Shopify-hallintapaneeliin.
  3. Siirry vasemmalla olevasta sivupalkin valikosta kohtaan Verkkokauppa > Teemat.
  4. Napsauta Toiminnot -pudotusvalikkoa ja valitse Muokkaa koodia.
  5. Valitse teemasi theme.liquid -tiedosto.

  1. Liitä HubSpot-seurantakoodisi 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 suunnitteluoppaassa olevia ohjeita kolmannen osapuolen JavaScript-koodin asentamisesta 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 hallintapaneelinAsetukset-kohtaan.
  3. NapsautaMukautettu koodi-välilehteäLisäasetukset-osiossa.
  4. Napsauta oikeassa yläkulmassa+ Lisää mukautettu koodi.
  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. Napsauta Kohdista koodi -osiossa valintapainiketta Runko - loppu.
  9. Napsauta Käytä tallentaaksesi muutokset.
Jos käytät live-chattia tai botia Wix-verkkosivustollasi, 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ädokumenteista
 

HubSpot-seurantakoodin asentaminen Joomla-sivustolle

HubSpot-seurantakoodin voi lisätä Joomla-sivustolle 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-tilillesi.
  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 tagille nimi.
  3. Liitä seurantakoodi HTML -kenttään.
  4. Napsauta Tag Configuration(Tunnisteen asetukset) -kohdan alla Triggering (Laukaisu) -kohtaa ja määritä laukaisusääntö. Jos et määritä laukaisusääntöä, tunniste ei laukea 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 kontin ja tunnisteet.

  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 -tekstin koodissa ilmaisulla, joka vastaa sisältötyyppiä, johon haluat luottojen kohdistuvan.

  • Jos haluat kohdistaa luottoja verkkosivun sivutyyppiin, käytä lausekkeita standard-page tai site-page.
  • Jos haluat kohdistaa krediittejä Laskeutumissivu -sisältötyyppiin, käytä lauseketta landing-page.
  • Jos haluat kohdistaa krediittejä Listing-sivunsisältötyyppiin, käytä lauseketta listing-page.
  • Jos haluat määrittää krediittejä Blog-julkaisunsisältötyypille, käytä lauseketta blog-post.
  • Jos haluat määrittää hyvityksiä tietopohjansisältötyypille, käytä ilmausta knowledge-article.

Kun se on lisätty, ulkoiseen sivuusi liittyvät tiedot tulisi luokitella sivutyyppiin, jonka valitsit koodissa. 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.