Verkkosivustolla tapahtuvien klikkausten seuraaminen konversioina

Konversioseurannan avulla näet, milloin käyttäjä klikkaa verkkosivustollasi olevaa painiketta tai linkkiä. Voit esimerkiksi seurata, milloin käyttäjä klikkaa Osta nyt ‑painiketta tai mobiilisivustollasi olevaa puhelinnumeroa.

Tässä artikkelissa kerrotaan, miten voit seurata asiakkaiden tekemiä klikkauksia lisäämällä sivustollesi konversioseurannan tagin ja miten tagia muokataan. Jos taas haluat seurata sivun lataamista konversiona, noudata näitä ohjeita.

Huomioitavaa ennen aloitusta

Ennen kuin voit lisätä konversioseurannan tagin verkkosivustollesi, sinun täytyy tehdä seuraavat asiat:

  • Varmista, että tällainen konversioseuranta sopii tarkoituksiisi. Lue alla oleva Miksi tätä kannattaa käyttää -osio. Siinä kerrotaan syistä, joiden vuoksi konversioina kannattaa ehkä seurata klikkauksia sivun lataamisten sijaan.
  • Varmista, että sinulla on verkkosivustosi muokkausoikeudet. Joko sinun tai verkkovastaavan on voitava lisätä tagi verkkosivuston koodiin.

Ohjeet

Valitse käyttämäsi konversioseurannan tagin versio. Koko sivuston kattavan tagin koodinpätkät voi saada vain Google Adsista. Suosittelemme siirtymään tähän uuteen versioon. Aiemmasta Google Adsista peräisin olevat tagit toimivat edelleen. Kyseisiä tageja koskevat ohjeet ovat edelleen saatavilla siltä varalta, että sinulla on näitä tageja asennettuna. 

Konversioseurannan määrittäminen yleisen sivustotagin avulla

  1. Luo ensin konversiotapahtuma (lue artikkeli Verkkosivuston konversioseurannan määrittäminen, jos seuraat tietokoneille tarkoitetun sivuston klikkauksia, tai artikkeli Puhelinnumeroiden klikkausten seuranta mobiilisivustolla, jos seuraat mobiilisivuston klikkauksia). Kun pääset tagin määritystä koskevaan vaiheeseen, varmista, että valitset Klikkaus‑vaihtoehdon Sivun lataaminen ‑vaihtoehdon sijasta. Tapahtumakoodinpätkä näyttää tältä:
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-CONVERSION_ID/CONVERSION_LABEL',
      'value': 1.0,
      'currency': 'USD',
      'event_callback': callback
  });
return false;
}
</script>

Note

You may disable the collection of remarketing data for users who do not wish to view personalized ads. Learn how to disable the collection of remarketing data for specific users
  1. Avaa sen verkkosivun HTML-koodi, joka sisältää seurattavan painikkeen tai linkin. Lisää tapahtumakoodinpätkä kyseisen sivun head-tagien (<head></head>) väliin heti yleisen sivustotagin jälkeen.
  2. Lisää seuraavaksi onclick-attribuutti suoraan seurattavan painikkeen tai linkin koodiin. Käytettävän koodin sisältö riippuu siitä, näkyykö linkki tai painike sivustollasi tekstilinkkinä, kuvana vai painikkeen kuvana.

Lisää koodi tekstilinkkiin: Alla on esimerkki <a>‑linkkikoodista, johon on lisätty klikkausten seurantatoiminto. Korvaa alla olevassa koodissa URL‑osoite http://example.com/oma-linkkisi oman linkkisi kohde‑URL‑osoitteella tai numero 800-123-4567 verkkosivustollasi olevalla puhelinnumerolla. Korvaa lisäksi Lataa nyt!- tai Soita nyt! ‑tekstiomalla linkkitekstilläsi. Linkin tagiin lisättävä koodi on korostettu keltaisella.

<a onclick="return gtag_report_conversion('http://example.com/your-link');"
href="http://example.com/your-link">Download now!</a>

or

<a onclick="return gtag_report_conversion('tel:800-123-4567');" href="tel:800-123-4567">Call now!</a>
 

Lisää koodi painikkeeseen: Alla on esimerkki <button>‑painikekoodista, johon on lisätty klikkausten seurantatoiminto. Korvaa alla olevassa koodissa URL‑osoite http://example.com/oma-linkkisi oman linkkisi kohde‑URL‑osoitteella tai numero 800-123-4567 verkkosivustollasi olevalla puhelinnumerolla.

<button onclick="return gtag_report_conversion(‘http://example.com/your-link')">Lähetä</button>

tai

<button onclick="return gtag_report_conversion('tel:800-123-4567')">Soita nyt!</button>

Koodin lisääminen painikkeen kuvaan: Korvaa alla olevassa koodissa download_button.gif oman painikkeesi kuvalla sekä width- ja height-arvot painikkeesi parametreilla. Korvaa lisäksi URL-osoite http://example.com/oma-linkkisi oman linkkisi URL-osoitteella tai numero 800-123-4567 verkkosivustollasi olevalla puhelinnumerolla.

<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onclick="return gtag_report_conversion('http://example.com/your-link')" /> 

or
<img src="call_button.gif" alt="Call now!"
        width="32" height="32"
        onclick="return gtag_report_conversion('tel:800-123-4567')" />  

Konversioseuranta toimii vain, jos linkin tai painikkeen sisältävälle sivulle on lisätty sekä tapahtumakoodinpätkä että onclick-koodi jostakin yllä olevasta esimerkistä. Näin Google Ads tallentaa konversion vain silloin, kun asiakas klikkaa kyseistä linkkiä tai painiketta.

Tärkeää

Verkkosivustosi on kutsuttava gtag_report_conversion-funktiota, kun joku klikkaa linkkiä, painiketta tai painikkeen kuvaa. Lisäksi sen on välitettävä verkkosivuston tai puhelinnumeron linkki (esim. http://example.com/oma-linkkisi tai tel:800-123-4567) parametrin arvona. 

Konversioseurannan tagin tarkistaminen

Jos haluat tarkistaa, että konversioseurannan tagisi on asennettu ja että konversioseuranta toimii oikein, tarkista konversioseurannan tagisi. Tarkista tagi myös, jos epäilet, että siinä voi olla ongelmia.

Konversioseurannan määrittäminen JavaScriptin avulla

Voit seurata konversioita verkkosivustosi tai mobiilisivustosi klikkausten perusteella seuraamalla alla olevia ohjeita.

  1. Kun olet määrittänyt konversiotapahtumasi, konversiotagisi näyttää suunnilleen tältä:
    	<!-- Google-koodi Lisää ostoskoriin ‑konversiosivua varten
    	Lisää koodinpätkä HTML-sivullesi ja kutsu toimintoa goog_report_conversion,
    	kun joku klikkaa valittua linkkiä tai painiketta. -->
    	<script type="text/javascript">
    	 /* <![CDATA[ */
    	goog_snippet_vars = function() {
    	  var w = window;
          w.google_conversion_id = 12345678;
    	  w.google_conversion_label = "abcDeFGHIJklmN0PQ";
    	  w.google_conversion_value = 13.00;
    	  w.google_conversion_currency = "USD";
    	  w.google_remarketing_only = false;
    	}
    	// ÄLÄ MUUTA ALLA OLEVAA KOODIA.
    	goog_report_conversion = function(url) {
    	  goog_snippet_vars();
    	  window.google_conversion_format = "3";
    	  var opt = new Object();
    	  opt.onload_callback = function() {
    	  if (typeof(url) != 'undefined') {
    	    window.location = url;
    	  }
    	}
    	var conv_handler = window['google_trackConversion'];
    	if (typeof(conv_handler) == 'function') {
    	  conv_handler(opt);
    	  }
            }
    	/* ]]> */
    	</script>
    	<script type="text/javascript"
    	src="//www.googleadservices.com/pagead/conversion_async.js">
    	</script>
    

    Huomioitavaa

    Voit poistaa uudelleenmarkkinointidatan keräämisen käytöstä niiltä käyttäjiltä, jotka eivät halua nähdä personoituja mainoksia. Lue lisätietoja siitä, miten voit poistaa uudelleenmarkkinointidatan keräämisen käytöstä tietyiltä käyttäjiltä
  2. Avaa sen verkkosivun HTML-koodi, joka sisältää seurattavan painikkeen tai linkin.
  3. Liitä konversioseurannan tagi sivun body-tagien (<body></body>) väliin.
  4. Seuraavaksi sinun tulee lisätä onclick-komento suoraan koodiin seurattavan painikkeen tai linkin kohdalle. Käytettävän koodin sisältö riippuu siitä, näkyykö linkki tai painike sivustollasi tekstilinkkinä, kuvana vai painikkeena.
    • Koodin lisääminen tekstilinkkiin: Korvaa alla olevan koodin URL-osoite (http://example.com/oma-linkkisi) verkkosivustosi URL-osoitteella tai puhelinlinkillä ja teksti "Lataa nyt!" oman linkkisi tekstillä.
       
      <a onclick="goog_report_conversion ('http://example.com/oma-linkkisi')"
      href="http://example.com/oma-linkkisi">Lataa nyt!</a>
      

      Tai:
       
      <a onclick="goog_report_conversion ('tel:800-123-4567')"
      href="#">Soita nyt!</a>
      
    • Koodin lisääminen painikkeeseen: Korvaa alla olevan koodin URL-osoite (http://example.com/oma-linkkisi) verkkosivustosi URL-osoitteella tai puhelinlinkillä ja teksti "Lataa nyt!" oman painikkeesi tekstillä.
       
      <button onclick="goog_report_conversion('http://example.com/oma-linkkisi')" href="http://example.com/oma-linkkisi">Lataa nyt!</button>
      

      Tai:
       
      <button onclick="goog_report_conversion('tel:800-123-4567')">Soita 800-123-4567</button>
      
    • Koodin lisääminen kuvaan: Korvaa alla olevan koodin osio "latauspainike.gif" oman painikkeesi kuvalla. Muokkaa sitten kuvan leveys ja korkeus painikkeesi mittojen mukaiseksi ja korvaa URL-osoite (http://example.com/oma-linkkisi) oman linkkisi URL-osoitteella.
       
      <img src="latauspainike.gif" alt="Lataa esite"
              width="32" height="32"
              onClick="goog_report_conversion
              ('http://example.com/oma-linkkisi')"/>        

      Tai:
       
      <img src="oma_puhelinpainike.gif" alt="Soita: 800-123-4567"
       width="32" height="32" 
       onClick="goog_report_conversion('tel:800-123-4567')"/>
      

Jotta seuranta toimii, varmista, että komento sisältää sekä konversioseurannan tagin että asianmukaisen onclick-koodin jostakin yllä olevasta esimerkistä. Näin AdWords tallentaa konversion vain silloin, kun asiakas klikkaa valittua linkkiä tai painiketta.

Konversiotagin tarkistaminen

Jos haluat tarkistaa, että konversiotagisi on asennettu ja että konversioseuranta toimii oikein, tai jos epäilet, että tagissa on virhe, lue nämä konversioseurannan tagin tarkistamista koskevat ohjeet.

 
Oliko tästä apua?
Miten sivua voisi parantaa?

Tarvitsetko lisäapua?

Kirjaudu sisään nähdäksesi lisää tukivaihtoehtoja ongelman nopeaan ratkaisuun