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

Luo koodittomia mukautettuja käyttäytymistapahtumia (BETA)

Päivitetty viimeksi: heinäkuuta 19, 2022

Tämä koskee seuraavia:

Marketing Hub Enterprise

Mukautettujen käyttäytymistapahtumien avulla voit seurata yrityksellesi ominaisia tietoja. Napsautettu elementti- ja vierailtu URL-osoite -tapahtumat voidaan luoda ilman koodia HubSpot Chrome -laajennuksen avulla.

Klikattu elementti -tapahtuma seuraa, kun nimetön kävijä tai HubSpot-kontakti klikkaa tiettyä elementtiä verkkosivustollasi. Seuraa esimerkiksi, kun ilmaisen demon CTA- tai PDF-latauslinkkiä napsautetaan. Napsautettu elementti -tapahtumia voidaan luoda ja seurata vain sivuilla, joilla on seuraavat ominaisuudet. HubSpot-seurantakoodi asennettuna. Vierailtu URL-osoite -tapahtumat tallentavat, kun nimetön kävijä tai HubSpot-yhteyshenkilö vierailee tietyssä URL-osoitteessa verkkosivustollasi.

Huom:

  • Tämän artikkelin ohjeet koskevat uutta mukautettujen käyttäytymistapahtumien työkalua, joka korvaa aiemman käyttäytymistapahtumien työkalun. Kaikki vanhalla työkalulla luodut tapahtumat toimivat edelleen, ja voit edelleen hallita ja analysoida näitä tapahtumia vanhalla työkalulla.
  • Vanhoja tapahtumia ei voi siirtää uuteen tapahtumatyökaluun. Sen sijaan on suositeltavaa luoda vanhat tapahtumat uudelleen uudessa työkalussa, sillä uudet mukautetut tapahtumat tarjoavat enemmän joustavuutta tapahtuman ominaisuuksien suhteen. Esimerkiksi vanhoilla tapahtumilla sinun piti luoda useita tapahtumia erillisten kampanjoiden seuraamiseksi, mutta nyt yksi mukautettu käyttäytymistapahtuma voi seurata useita kampanjoita.

Vierailtu URL-osoite- ja Napsautettu elementti -tapahtumat voidaan luoda asentamalla ja käyttämällä HubSpot Chrome -laajennusta yksinkertaisia napsautettuja tapahtumia, kuten hyperlinkkejä ja kuvia, varten.

Kun olet luonut tapahtumat, opettele, miten voit analysoida tapahtumia analytiikka- ja raportointityökaluissa.. Voit myös luoda ja manuaalisesti seurata mukautetut tapahtumat.

Luo tapahtumia Chrome-laajennuksen avulla

Asenna tapahtuma Chrome-laajennus

  • Napsauta HubSpot-tilisi Asetukset-kuvaketta settings päänavigointipalkissa.
  • Siirry vasemman sivupalkin valikossa kohtaan Seuranta ja analytiikka > Seurantakoodi.
  • Napsauta . Asenna tapahtuman Chrome-laajennus.

  • Napsauta Lataa.

  • Sinut ohjataan HubSpot Analytics -laajennukseen Google Chrome -verkkokaupassa. Napsauta oikeassa yläkulmassa Lisää Chromeen.

  • Napsauta valintaikkunassa Lisää laajennus.
  • Kun laajennus on asennettu, se näkyy Chrome-selaimesi työkalupalkissa oranssina hammasratas-kuvakkeena.

Luo vierailtu URL-osoite -tapahtuma tapahtuma Chrome-laajennuksen avulla

  • Siirry verkkosivulle, jossa on HubSpot-seurantakoodi asennettuna.
  • Napsauta Chrome-selaimen työkalupalkissaketjukuvaketta.
  • Valitse valintaikkunassa Vierailtu URL-osoite ja napsauta sitten Seuraava.

  • Lisää tapahtuman nimi ja valinnaisesti kuvaus. Napsauta Seuraava .
  • Lisää sivu napsauttamalla Lisää . Voit lisätä useita sivuja yhteen tapahtumaan.
  • Kirjoita Sivun URL-osoite -kenttään URL-osoite, jonka vierailuja haluat seurata.
  • Kirjoita Nimi-kenttään nimi sivulle. Tämä nimi on käytettävissä tapahtuman ominaisuustiedoissa Seurannan nimi-ominaisuuden alla.
  • Napsauta Create event (Luo tapahtuma).

HubSpot alkaa sitten seurata tapahtumaa. Opi miten Tapahtuman analysointi HubSpotissa.

Luo napsautetun elementin tapahtuma Event Chrome -laajennuksen avulla

  • Siirry verkkosivulle, jossa on HubSpot-seurantakoodi asennettu.
  • Napsauta Chrome-selaimen työkalupalkissahammasratas-kuvaketta.
  • Valitse valintaikkunassa Clicked element.

  • Napsauta Seuraava.
  • Lisää tapahtuman nimi ja valinnaisesti kuvaus. Napsauta Seuraava .
  • Valitse sivulla oleva elementti seurattavaksi napsauttamalla Lisää. Valitse sivulla oleva elementti seurattavaksi. Voit lisätä useita napsautettuja elementtejä yhteen tapahtumaan.
  • Luo napsautetun elementin tapahtuma napsauttamalla sivulla olevaa elementtiä. Alla olevassa esimerkissä napsautettu elementti -tapahtuma seuraa avainnäkökohtalinkkiä napsautuksia.

  • Elementin CSS-valitsin luodaan valintaikkunassa automaattisesti. Anna seurattavan elementin nimi. Tämä nimi on käytettävissä tapahtuman ominaisuustiedoissa Seurannan nimi -ominaisuuden alla. Lisää valinnaisesti kuvaus ja napsauta sitten Seuraava.
  • Jos haluat jatkaa lisäelementtien lisäämistä tapahtumaan, napsauta Lisää ja valitse toinen elementti.
  • Lopeta ja tallenna tapahtuma valitsemalla Luo tapahtuma.

Huomaa: sivustosi HTML- ja CSS-merkintöjen monimutkaisuudesta riippuen tapahtuma Chrome-laajennus ei ehkä pysty tunnistamaan elementin yksilöllistä CSS-valitsinta. Tässä tapauksessa sinun on muutettava valitsijaa. Lue lisää siitä, miten tunnisteita etsitään verkkosivuston sivulta.

  • Kun tapahtuma on luotu onnistuneesti, näkyviin tulee vahvistusviesti. Napsauta Näytä tapahtuma HubSpotissa nähdäksesi uuden klikatun elementin tapahtuman tapahtumien kojelaudassa.

HubSpot alkaa sitten seurata elementtiä (elementtejä). Opi miten analysoi tapahtuma HubSpotissa.

Ymmärtää ja hakea elementtivalitsimet

Voit tunnistaa elementin sen HTML-tunnuksen, HTML-luokan tai jQuery-valitsimen avulla.

  • HTML ID: anna ID elementin, jota haluat seurata. Jos esimerkiksi clicked-elementti on asetettu <button id="log-in">, kirjoitat log-in.
  • HTML-luokka: Kirjoita class elementin, jota haluat seurata. Jos esimerkiksi napsautettu elementtisi on määritetty <button class="bigCTA">, kirjoittaisit bigCTA.
  • jQuery-valitsin: Kirjoita jQuery-valitsin elementin, jota haluat seurata.

ID

Elementin ID:n etsiminen ja käyttäminen:

  • Napsauta hiiren kakkospainikkeella sivua, jossa on kohteena oleva elementti, ja valitse Näytä sivun lähde tai Tarkista.
  • Napsauta elementtiä. Sinun pitäisi pystyä näkemään ID-attribuutti koodirivillä (esim. id="unique-element-name").
  • Kopioi ID-arvo ja liitä se (esim. tässä tapauksessa unique-element-name) HTML ID -kenttään ilman lainausmerkkejä. Jos esimerkiksi elementissä on id="get-started-marketing-hub", kenttään kirjoitetaan get-started-marketing-hub.

Luokka

Napsautetun elementin tapahtuma voi tunnistaa elementin sen class-attribuutin avulla.

Huom:

  • Kun useilla sivulla olevilla elementeillä on sama luokka, vain sivun ensimmäinen elementti lasketaan tapahtuman loppuunsaattamiseen. Siksi luokkaa kannattaa käyttää tunnisteena vain silloin, kun mikään muu elementti sivulla ei jaa kyseistä luokkaa. Jos elementillä ei ole yksilöllistä luokkaa, on suositeltavaa käyttää sen sijaan ID:tä.
  • Jos et pysty päivittämään elementin lähdekoodia lisäämällä siihen yksilöllisen luokan tai ID:n, on suositeltavaa käyttää tapahtuman määrittämiseen Chrome-laajennusta, sillä HubSpot määrittää tarkemman tunnisteen.

Voit etsiä elementin luokan ja käyttää sitä tapahtumassa:

  • Napsauta hiiren kakkospainikkeella sivua, jossa on kohteena oleva elementti, ja valitse Näytä sivun lähde tai Tarkasta.
  • Napsauta elementtiä. Sinun pitäisi nähdä luokka-attribuutti koodirivillä (esim. class="unique-element-name").
  • Kopioi class-arvo ja liitä se HTML Class -kenttään ilman lainausmerkkejä. Esimerkiksi elementille, joka sisältää kenttään.
    • Kun elementillä on useita luokkia, voit käyttää mitä tahansa sen luokkia kohteena. Jos esimerkiksi elementti sisältää class="cta--primary cta--medium homepage-sales", voit kirjoittaa HTML Class -kenttään cta--primary, cta--medium tai homepage-sales. Varmista kuitenkin, että mikään muu elementti ei jaa tätä luokkaa.
    • Kun yhdistät useita luokkia, käytä seuraavaa muotoa: class1.class2.class3.

jQuery-valitsin

Voit myös käyttää täydellisiä jQuery-valitsimia elementtien kohdistamiseen. Tämä on hyödyllistä, jos kohdistettavalla elementillä ei ole tunnusta tai luokkaa tai jos haluat olla tarkempi.

Haluat esimerkiksi luoda clicked-elementtitapahtuman käyttämällä jQuery-valitsinta seuraavalle elementille:

<a id="get-started-marketing-hub" class="cta--primary" href="https://www.hubspot.com/products/marketing/get-started" aria-label="Get started with Marketing Hub">Get started</a>.

Elementin ID:n tai luokan käyttämisen sijaan voit käyttää jQuery-selektoria kohdistamaan elementin href-ominaisuutta kirjoittamalla jQuery-selektorikenttään seuraavan tekstin:

[href='https://www.hubspot.com/products/marketing/get-started']

Lisätietoja tuetut valitsimet.

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.