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 napsautetun elementin tapahtumat

Päivitetty viimeksi: tammikuuta 11, 2022

Tämä koskee seuraavia:

Marketing Hub Enterprise

Napsautettu elementti -tapahtuma seuraa, kun nimetön kävijä tai HubSpot-yhteyshenkilö napsauttaa tiettyä elementtiä verkkosivustollasi. Seuraa esimerkiksi, kun ilmaisen demon CTA- tai PDF-latauslinkkiä napsautetaan. Napsautettu elementti -tapahtumia voidaan luoda ja seurata vain sivuilla, joille on asennettu HubSpot-seurantakoodi.

Huom:

  • Tämän artikkelin ohjeet koskevat uutta mukautettua käyttäytymistapahtumatyökalua, joka korvaa aiemman käyttäytymistapahtumatyö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 olisi pitänyt luoda useita tapahtumia erillisten kampanjoiden seuraamiseksi, mutta nyt yksi mukautettu käyttäytymistapahtuma voi seurata useita kampanjoita.

Napsautetun elementin tapahtumia voidaan luoda kahdella tavalla:

Kun olet luonut tapahtumat, opettele analysoimaan tapahtumia analytiikka- ja raportointityökaluissa. Voit myös luoda vierailtu URL-osoite -tapahtumia jamukautettuja tapahtumia.

Luo klikatun elementin tapahtumia Chrome-laajennuksella

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.
  • NapsautaLataa.
  • Sinut ohjataan HubSpot Analytics -laajennukseen Google Chrome -verkkokaupassa. Napsauta oikeassa yläkulmassaLisää Chromeen.

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

Tapahtuman luominen tapahtuman Chrome-laajennuksella

  • Siirry verkkosivulle, johon on asennettu HubSpot-seurantakoodisi.
  • Napsauta Chrome-selaimen työkalupalkissa -rengasta . ketjukuvake.
  • Valitse valintaikkunassaClicked element.

    chrome-extension-create-clicked-element-event
  • NapsautaSeuraava. Tämän jälkeen voit valita sivulla olevan elementin, jota haluat seurata.
  • Napsauta sivulla olevaaelementtiä, jolle haluat luoda clicked element -tapahtuman. Alla olevassa esimerkissä clicked element -tapahtuma seuraa key aspects-linkkiä klikkauksia.

  • ElementinCSS-valitsinluodaan valintaikkunassa automaattisesti. Annatapahtumallenimija napsauta sitten Luo tapahtuma.

Huomaa: Sivustosi HTML- ja CSS-merkintöjen monimutkaisuudesta riippuen Chrome-tapahtumalaajennus ei ehkä pysty tunnistamaan elementin yksilöllistä CSS-valitsinta. Tässä tapauksessa sinun on luotava tapahtuma manuaalisesti tai lisättävä elementtiin sen sijaan yksilöllinen id-tunniste.

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

HubSpot alkaa tämän jälkeen seurata elementtiä. Lue, miten tapahtumaa analysoidaan HubSpotissa.

Luo tapahtuma manuaalisesti käyttämällä ID:tä, luokkaa tai jQuery-valitsinta.

  • Siirry HubSpot-tililläsi kohtaan Raportit > Analysointityökalut.
  • Napsauta Custom Behavioral Tapahtumat.
  • Napsauta oikeassa yläkulmassaLuo tapahtuma.
  • Kirjoita tapahtumalle nimi oikeassa paneelissa, valitse sitten Clicked element.

    create-custom-clicked-element-event-type
  • NapsautaSeuraava.
  • Valitse, miten haluat tunnistaa napsautetun elementin sivulla. Lue lisää siitä, miten tunnisteita etsitään verkkosivuston sivulta.
    • HTML-tunnus: Kirjoita sen elementin tunnus, jota haluat seurata. Jos napsautettu elementtisi on esimerkiksi asetettu <button id="log-in">, kirjoitat esimerkiksilog-in.
    • HTML Class: Syötä sen elementin luokka, jota haluat seurata. Jos esimerkiksi napsautettu elementti on määritetty <button class="bigCTA">, kirjoita bigCTA.
    • jQuery-selektori: Kirjoita sen elementin jQuery-selektori, jota haluat seurata
      .

      create-custom-clicked-element-ID
  • NapsautaSeuraava.
  • Oletusarvoisesti napsautettua elementtiä seurataan kaikilla sivuilla, joihin on asennettu HubSpot-seurantakoodi. Jos haluat seurata elementin napsautuksia vain tietyllä sivulla, valitse Specific page (tietty sivu) ja anna sitten sivun URL-osoite.
  • Napsauta Tallenna.

Tapahtuman luomisen jälkeen HubSpot alkaa seurata elementtiä. Lue, miten tapahtumaa analysoidaan HubSpotissa.

Elementtivalitsimien ymmärtäminen ja hakeminen

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

ID

Napsautetun elementin tapahtuma voi tunnistaa elementin sen ID-attribuutin ja havaita, milloin sitä on napsautettu.

Voit tarkastella elementin ID:tä:

  • Napsauta hiiren kakkospainikkeella sivua, jossa on kohteena oleva elementti, ja valitseNäytä sivun lähdetaiTarkista.
  • 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) ID-kenttään ilman lainausmerkkejä.

Luokka

Klikattu elementti -tapahtumalla voidaan tunnistaa elementti sen luokka-attribuutin perusteella ja havaita, kun sitä klikataan.

  • Napsauta hiiren kakkospainikkeella sivua, jossa on kohteena oleva elementti, ja valitseNäytä sivun lähdetaiTarkista.
  • Napsauta elementtiä. Sinun pitäisi pystyä näkemään luokka-attribuutti koodirivillä (esim. class="unique-element-name").
  • Kopioi class-arvo ja liitä se (esim. tässä tapauksessa unique-element-name) Class-kenttään ilman lainausmerkkejä. 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. Lue lisäätuetuista valinnoista.