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 klikkauksia lisäämällä sivustollesi konversioseurantatagin ja miten tagia muokataan. Jos taas haluat seurata sivun lataamista konversiona, noudata näitä ohjeita.

Huomioitavaa ennen aloitusta

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

Varmista, että tällainen konversioseuranta sopii tarkoituksiisi.
Varmista, että sinulla on verkkosivustosi muokkausoikeudet. Joko sinun tai web-kehittäjän on pystyttävä lisäämään tagi verkkosivustosi koodiin.

Ohjeet

Valitse käyttämäsi konversioseurantatagin versio. Koko sivuston kattavan tagin koodinpätkät voi saada vain Google Adsista. Suosittelemme siirtymään tähän uuteen versioon. Vanhan Google Adsin tagit toimivat edelleen.

Konversioseurannan käyttöönotto Google-tagin avulla

Luo ensin konversiotapahtuma (lue lisää verkkosivuston konversioseurannan käyttöönotosta, jos seuraat tietokonesivuston klikkauksia, tai lue lisää puhelinnumeron klikkausten seurannasta mobiilisivustolla, jos seuraat mobiilisivuston klikkauksia). Kun pääset tagin määrittämistä koskevaan vaiheeseen, valitse Sivun lataus ‑vaihtoehdon sijasta Klikkaus. 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': 'TAG_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 personalized data for specific users

Avaa verkkosivustosi HTML-sivu, jolla seurattava painike tai linkki on. Lisää tapahtumakoodinpätkä kyseisen sivun head-tagien (<head></head>) väliin heti Google-tagin jälkeen.
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: Tästä koodista näet, miten klikkausten seurantatoiminto voidaan lisätä linkkiin <a>‑tagin avulla. Korvaa alla olevassa koodissa URL‑osoite "http://example.com/your-link" oman linkkisi kohde‑URL‑osoitteella tai numero "800-123-4567" verkkosivustollasi olevalla puhelinnumerolla. Korvaa lisäksi "Download now!"- tai "Call now!" ‑teksti 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>

Add the code to a button: This code shows you how to add click tracking functionality to a button using the <button> tag. In the code below, replace “http://example.com/your-link” with the destination URL of your link or “800-123-4567” with the phone number on your website.
<button onclick="return gtag_report_conversion('http://example.com/your-link')">Submit</button>
tai

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

Lisää koodi painikkeen kuvaan: Korvaa alla olevassa koodissa "download_button.gif" oman painikkeesi kuvalla sekä width- ja height-arvot painikkeesi parametreilla. Korvaa lisäksi "http://example.com/your-link" 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/your-link tai tel:800-123-4567) parametrin arvona.

Google-tagin tarkistaminen

Jos haluat varmistaa, että konversioseurannan tagisi on asennettu ja konversioseuranta toimii oikein, tai epäilet, että tagissa on ongelmia, tee näin:

Lue ohjeet konversioseurannan tagin tarkistamiseen.
Lataa Google Tag Assistant Google Chromelle, jotta voit selvittää ja ratkaista konversioseurannan tagin ongelmat.

Konversioseurannan käyttöönotto JavaScriptin avulla

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

Kun olet luonut konversiotapahtumasi, konversiotagisi näyttää suunnilleen tältä:

	<!-- Google-koodi Lisää ostoskoriin ‑konversiosivua varten
	Lisää koodinpätkä HTML-sivullesi ja kutsu funktiota 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;
	}
	// DO NOT CHANGE THE CODE BELOW.
	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>

Huom. Voit poistaa datan keräämisen käytöstä sellaisilta käyttäjiltä, jotka eivät halua nähdä personoituja mainoksia. Lue lisää henkilökohtaisen datan keräämisen poistamisesta käytöstä tietyiltä käyttäjiltä

Avaa verkkosivustosi HTML-sivu, jolla seurattava painike tai linkki on.
Liitä konversioseurantatagi sivun body-tagien (<body></body>) väliin.
Seuraavaksi sinun tulee lisätä onclick-komento suoraan seurattavan painikkeen tai linkin koodiin. Käytettävän koodin sisältö riippuu siitä, näkyykö linkki tai painike sivustollasi tekstilinkkinä, kuvana vai painikkeena.
- Lisää koodi tekstilinkkiin: Korvaa alla olevassa koodissa "http://example.com/your-link" verkkosivustosi tai puhelinnumerolinkkisi URL-osoitteella ja teksti "Download now!" linkkitekstilläsi.
```
<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">Download now!</a>
```
  TAI
```
<a onclick="goog_report_conversion ('tel:800-123-4567')"
href="#">Call now!</a>
```
- Lisää koodi painikkeeseen: Korvaa alla olevassa koodissa "http://example.com/your-link" verkkosivustosi tai puhelinnumerolinkkisi URL-osoitteella ja teksti "Download now!" painiketekstilläsi.
```
<button onclick="goog_report_conversion('http://example.com/your-link')" href="http://example.com/your-link">Download now!</button>
```
  TAI
```
<button onclick="goog_report_conversion('tel:800-123-4567')">Call 800-123-4567</button>
```
- Lisää koodi kuvaan: Korvaa alla olevassa koodissa "download_button.gif" oman painikkeesi kuvalla sekä width- ja height-arvot painikkeesi parametreilla. Korvaa lisäksi "http://example.com/your-link" oman linkkisi URL-osoitteella.
```
<img src="download_button.gif" alt="Download Whitepaper"
        width="32" height="32"
        onClick="goog_report_conversion
        ('http://example.com/your-link')"/>        
```
  TAI
```
<img src="my_phone_button.gif" alt="Call: 800-123-4567"
 width="32" height="32"
 onClick="goog_report_conversion('tel:800-123-4567')"/>
```

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

Konversiotagin tarkistaminen

Jos haluat varmistaa, että konversioseurannan tagisi on asennettu ja konversioseuranta toimii oikein, tai epäilet, että tagissa on ongelmia, tee näin:

Lue ohjeet konversioseurannan tagin tarkistamiseen.
Lataa Google Tag Assistant Google Chromelle, jotta voit selvittää ja ratkaista konversioseurannan tagin ongelmat.

Aiheeseen liittyviä linkkejä

Oliko tästä apua?

Miten sivua voisi parantaa?