Asenna HubSpot-seurantakoodi

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

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

Ulkoisilla sivuilla seurantakoodi auttaa HubSpotia tunnistamaan sivuston ja liittämään sen tiliisi, se voi seurata HubSpotin ja muiden kuin HubSpotin lomakkeiden lähetystä ja se voi mahdollistaa ominaisuuksia, kuten live-chat-widgetit; seurantakoodi itsessään ei luo tai asenna lomakkeita.

Jos käytät HubSpot-seurantakoodia, vierailijoidesi 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.

HubSpot-seurantakoodin kopioiminen

1. Napsauta HubSpot-tilisi ylänavigointipalkin asetuskuvaketta.
2. Siirry seuranta- ja analytiikka-asetuksiin:
   • Tileillä, joilla on pääsy vain Marketing Starter -palveluun tai HubSpotin ilmaisiin työkaluihin, siirry Seurantakoodi-kohtaan vasemmalla olevasta sivupalkkivalikosta.
   • Kaikissa muissatilauksissasiirry vasemman sivupalkin valikosta kohtaan Seuranta ja analytiikka > Seurantakoodi.
3. Napsauta Upota koodi -osiossa Kopioi tai Lähetä sähköpostilla web-kehittäjälleni, jotta voit lähettää seurantakoodin tiimin jäsenelle, joka asentaa sen sivustollesi.
   
   
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ää.

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.

Kuinka asentaa HubSpot-seurantakoodi Shopify-sivustolle

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

1. Toimi yllä olevien ohjeiden mukaisesti kopioidaksesi HubSpot-seurantakoodin HubSpot-tililtäsi.
2. Kirjaudu 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.

6. Liitä HubSpot-seurantakoodi juuri ennen </body>-tagiä tässä tiedostossa.
7. 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.

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

HubSpot-seurantakoodin asentaminen 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. Aseta 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.

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- kenttään.
6. Napsauta vasemmassa yläkulmassa Tallenna.

HubSpot-seurantakoodin asentaminen Google Tag Managerin avulla

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

6. Napsauta Tagin asetukset.
7. Valitse Tag-tyypiksi Custom HTML Tag. Anna sitten tagille nimi.
8. Liitä seurantakoodi HTML -kenttään.
9. 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ä.
10. Jotta tunniste laukeaisi kaikilla sivuilla, joihin on asennettu Google Tag Manager -koodi (suositus), valitse vaihtoehto Kaikki sivut.

11. Napsauta Tallenna tallentaaksesi uuden tagin.
12. Napsauta oikeassa yläkulmassa Julkaise tallentaaksesi konttisi ja tunnisteesi.

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

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

var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);