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: 3 joulukuuta 2025

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

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

Jos sinulla on ulkoisesti isännöityjä sivuja (eli sivuja, jotka eivät ole HubSpotissa), sinun on asennettava HubSpot-seurantakoodi manuaalisesti, jotta voit kerätä analytiikkatietoja kyseisiltä sivuilta.

Lue lisää siitä, miten seurantakoodin avulla voit seurata verkkosivustosi kävijöitä.

Jos käytät HubSpot-seurantakoodia, vierailijoidesi tiedotkerä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 HubSpotin kanssa tapahtuvan tietojen jakamisen käytöstä tililläsi siirtymällä tilisi asetuksiin. Lue lisää HubSpot-seurantakoodin keräämistä tiedoista .

Huomaa:

 

Kopioi HubSpot-seurantakoodisi

  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 Upota koodi -osiossa Kopioi taiLähetä sähköpostilla web-kehittäjälleni, jos haluat 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.

Asenna seurantakoodi verkkosivustollesi

Asenna seurantakoodi liittämällä koodi ennen sulkeutuvaa </body> -tagiä 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 kaikkien sivujen viittaamaan alatunnisteeseen. 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.
 

Asenna seurantakoodi WordPress-verkkosivustolle

On erittäin suositeltavaa asentaa ja käyttää HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress -laajennusta. Laajennus asentaa HubSpot-seurantakoodin WordPress-verkkosivustollesi automaattisesti.

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

Huomaa
  • Jos asennat seurantakoodin manuaalisesti ja sinulla on HubSpot Marketing Hub -tilaus, HubSpot ei pysty erottamaan WordPress-viestejä ja -sivuja analytiikassaan.
  • Jos verkkosivustosi on isännöity WordPress.com-palvelussa, et voi lisätä HubSpot-seurantakoodia verkkosivustoosi, ellet ole heidän Business-paketin käyttäjä. Muut paketit (esim. Premium, Personal)eivät salli käyttäjien lisätä JavaScript-koodia.

Asenna 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 vasemmassa sivupalkissa 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.

Asenna seurantakoodi Drupal-sivustolle

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

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

Asenna seurantakoodi Magento-sivustolle

Seuraa yllä olevia ohjeita kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi. Noudata sitten Magenton suunnittelun käyttöopasta saadaksesi ohjeet kolmannen osapuolen JavaScript-koodin asentamiseen Header HTML -koodiin.

Asenna seurantakoodi 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. Aseta uuden työkalun nimeksi HubSpot-seurantakoodi.
  7. Napsauta Lisää koodi sivuille -kohdassa Kaikki sivut -valintanappia ja valitse pudotusvalikosta Lataa koodi jokaiselle uudelle sivulle.
  8. Napsauta Koodin sijoitus -osiossa valintapainiketta Body - end (Runko - loppu).
  9. Tallenna muutokset napsauttamalla Käytä .
Jos käytät live-chattia tai botia Wix-sivustollasi, voit joko lisätä chatflow'n jokaiselle sivulle yllä olevien ohjeiden mukaisesti tai pyytää kehittäjää käyttämään Chat-widget SDK:ta tiettyjen sivujen kohdentamiseen. Käytä .widget-refresh-menetelmää määrittääksesi eri chatflow't eri sivuille. Lisätietoja HubSpotin kehittäjädokumenteista
 

Asenna seurantakoodi Joomla-sivustolle

HubSpot-seurantakoodin voi lisätä Joomla-sivustolle kahdella tavalla. Kummassakin tapauksessa sinun on ensin kopioitava HubSpot-seurantakoodi yllä olevien ohjeiden mukaisesti.

Voit valita Joomla-laajennushakemistosta laajennuksen, 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.

Asenna seurantakoodi Squarespace-sivustolle

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

Asenna seurantakoodi 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 säilytyspaikka.
  4. Siirry vasemmassa sivupalkissa kohtaan Tunnisteet.
  5. Napsauta Uusi.

  1. Napsauta Tag-määritykset.
  2. Valitse Tag type(Tag-tyyppi) -kohdasta Custom HTML Tag(Mukautettu HTML-tag). Anna sitten tagillesi nimi.
  3. Liitä seurantakoodi HTML-kenttään.
  4. Napsauta Tag-asetusten alla Triggering (Laukaiseminen) ja määritä laukaisusääntö. 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. Tallenna uusi tag napsauttamalla Tallenna.
  2. Napsauta oikeassa yläkulmassa Julkaise tallentaaksesi konttisi ja tunnisteesi.

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

Lisäkoodi tietojen ryhmittelemiseksi HubSpot-sivutyyppeihin

Jos käytät yhteydenottojen attribuutiotietoja, tulojen attribuutiotietoja tai Liikenneanalyysityökalun Sivut-välilehteä ja haluat, että ulkoisten sivujesi kävijätiedot luokitellaan tiettyihin sivutyyppeihin, pyydä kehittäjätiimiäsi lisäämään seuraava koodi sivuillesi:
 
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);

Korvaa CONTENT_TYPE -teksti koodissa ilmaisulla, joka vastaa sisältötyyppiä, jolle haluat luottotiedot liittää.

  • Jos haluat kohdistaa luottoja verkkosivuston sivutyyppiin, käytä lausekkeita standard-page tai site-page.
  • Jos haluat kohdistaa luottoja Landing-sivun sisältötyypille, käytä lauseketta landing-page.
  • Jos haluat kohdistaa luottoja Listing-sivunsisältötyyppiin, käytä lauseketta listing-page.
  • Jos haluat kohdistaa krediittejä blogikirjoituksensisältötyyppiin, käytä lauseketta blog-post.
  • Jos haluat määrittää luottotiedot tietopankkiartikkelinsisältötyypille, käytä lauseketta knowledge-article.

Kun olet lisännyt koodin, ulkoiseen sivuusi liittyvät tiedot tulisi luokitella sivutyyppiin, jonka valitsit koodissa. Tutustu koodin toimintaan kehittäjien dokumentaatiossa.

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