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 konversioseurannan tagin ja miten tätä 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.
  • Varmista, että sinulla on verkkosivustosi muokkausoikeudet. Joko sinun tai verkkokehittäjän on pystyttävä lisäämään tagi verkkosivustosi 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. Aiemman Google Adsin tagit toimivat edelleen.

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, valitse Klikkaus‑vaihtoehto Sivun lataus ‑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: Tästä koodista näet, miten klikkausten seurantatoiminto voidaan lisätä linkkiin <a>‑tagin avulla. 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" ‑tekstit 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: Tästä koodista näet, miten klikkausten seurantatoiminto lisätään painikkeeseen <button>‑-tagin avulla. 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/oma-linkkisi')">Lähetä</button>

tai

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

Lisää koodi painikkeen kuvaan: Korvaa alla olevassa koodissa "latauspainike.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 varmistaa, että konversioseurannan tagisi on asennettu ja konversioseuranta toimii oikein, tai epäilet, että tagissa on ongelmia, tee näin:

 

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 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;
    	}
    	// Ä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.
    • Lisää koodi tekstilinkkiin: Korvaa alla olevassa koodissa URL-osoite "http://example.com/oma-linkkisi" verkkosivustosi tai puhelinnumerolinkkisi URL-osoitteella ja teksti "Lataa nyt!" linkkitekstilläsi.
       
      <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>
      
    • Lisää koodi painikkeeseen: Korvaa alla olevassa koodissa URL-osoite "http://example.com/oma-linkkisi" verkkosivustosi tai puhelinnumerolinkkisi URL-osoitteella ja teksti "Lataa nyt!" painiketekstilläsi.
       
      <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 numeroon 800-123-4567</button>
      
    • Lisää koodi kuvaan: Korvaa alla olevassa koodissa "latauspainike.gif" oman painikkeesi kuvalla. Muokkaa sitten kuvan leveys ja korkeus painikkeesi mittojen mukaisiksi. Korvaa lisäksi 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="soittopainike.gif" alt="Soita numeroon 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 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:

 

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

Tarvitsetko lisäapua?

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