Tässä artikkelissa kerrotaan, miten voit ottaa laajennetut konversiot käyttöön manuaalisesti Google Tag Managerin avulla ja ratkaista vahvistamiseen ja käyttöönottoon liittyviä yleisiä ongelmia. Lue lisää laajennettujen konversioiden toiminnasta.
Ennen kuin aloitat
Varmista, että olet ottanut Floodlight-seurannan käyttöön Google Tag Managerin avulla.
- Selvitä sen konversiosivun URL-osoite, jolla konversiotagi käynnistyy (esim. vahvistussivun URL-osoite), ja konversiotapahtuman triggeri (esim. painikkeen klikkaus tai katselukerta).
- Varmista, että ensimmäisen osapuolen asiakasdataa (sähköpostiosoite, koko nimi ja kotiosoite ja/tai puhelinnumero) on saatavilla sivulla, jolla konversioseurantatagi käynnistyy.
- Tämä prosessi edellyttää tietoa siitä, miten konversioseuranta on otettu käyttöön verkkosivustollasi, sekä joitakin koodimuutoksia. Varmista, että voit kysyä tarvittaessa neuvoa kehitystiimiltäsi.
- Tutustu Googlen asiakasdataa koskeviin käytäntöihin ja hyväksy laajennettuja konversioita koskevat käyttöehdot ja käytännöt Campaign Manager 360 ‑tililläsi. Lue lisää laajennettujen konversioiden sallimisesta Campaign Manager 360:ssä.
Varmista ennen käyttöehtojen hyväksymistä, että olet ottanut konversioseurantatagin käyttöön siinä Google Tag Manager ‑säilössä, jota aiot käyttää laajennetuille konversioille. Muuten säilö ei välttämättä toimi oikein laajennettujen konversioiden kanssa.
Laajennettujen konversioiden käyttöönotto manuaalisesti Google Tag Managerin avulla
Suosittelemme ottamaan laajennetut konversiot käyttöön sallimalla käyttäjiltä saadun datan keräämisen käyttämäsi Googlen tuotteen kautta ja hyväksymällä laajennettujen konversioiden käyttöehdot. Sen jälkeen voit määrittää Google-tagin Salli käyttäjiltä saatua dataa koskevat ominaisuudet ‑asetuksen Data Managerissa. Lue lisää Google-tagin asetusten määrittämisestä.
Jos kuitenkin käytät tällä hetkellä Google Tag Manageria konversioseurantaan ja tarvitset tapahtumakohtaisia käyttäjiltä saadun datan asetuksia, voit määrittää tapahtumatagit ohittamaan koko tagia koskevan käyttäjiltä saadun datan.
Huom. "Sisällytä käyttäjiltä saatu data verkkosivustoltasi" ‑valintaruutu ei ole enää käytettävissä, kun Google Tag Managerissa otetaan käyttöön uusia yksittäisiä tapahtumia. Jos haluat sisällyttää tämän datan, sinun on lisättävä user_data manuaalisesti tapahtumaparametreihin käyttämällä omaa käyttäjädatamuuttujaa.
Laajennetut konversiot voi ottaa käyttöön tapahtumatageissa Google Tag Managerissa kolmella tavalla:
- Käytä manuaalista määritystä CSS-valitsimien tai datakerroksen nykyisten muuttujien kanssa. Sivullesi ei tarvitse tehdä koodimuutoksia. (Suositellaan, jos automaattinen-vaihtoehto ei ole käytettävissä.)
- Tämä on helpoin tapa ottaa laajennetut konversiot käyttöön Google Tag Managerin avulla, sillä sivulle ei yleensä tarvitse tehdä koodimuutoksia, kunhan konversiosivullasi on saatavilla asiakasdataa (esim. sähköpostiosoite).
- Jos teet usein muutoksia verkkosivustosi koodiin (varsinkin konversiosivusi muotoiluun tai CSS-valitsimiin), sinun kannattaa sen sijaan käyttää datakerroksen muuttujia tai alla olevaa Koodi-toteutustapaa, sillä verkkosivuston muotoilun muuttaminen voi aiheuttaa häiriöitä CSS-valitsimiin perustuvassa toteutustavassa.
- Käytä Koodi-toteutustapaa lähettääksesi kaiken datan yhtenä dataobjektina (sivullesi on ehkä tehtävä koodimuutoksia).
- Voit ottaa laajennetut konversiot käyttöön yhtenä dataobjektina käyttämällä konversiosivullasi JavaScript-muuttujia, kunhan asiakasdata, jonka haluat välittää laajennettujen konversioiden tagissa (esim. sähköpostiosoitteet ja puhelinnumerot), on määritetty konversiosivullasi yleisissä JavaScript-muuttujissa.
- Tämä toteutustapa kannattaa valita, jos haluat välittää tiedot JavaScript-muuttujien avulla tai jos asiakasdataa ei ole saatavilla konversiosivulla (esimerkiksi jos data on saatavilla edellisillä sivuilla ja se täytyy välittää konversiosivulle). Tätä tapaa kannattaa käyttää myös siinä tapauksessa, että teet usein muutoksia verkkosivustosi muotoiluun, sillä se mukautuu paremmin koodimuutoksiin.
- Käytä automaattista keruuta (jos saatavilla).
- Google suosittelee käyttämään jotakin edellä olevista manuaalisista vaihtoehdoista parhaiden tulosten saamiseksi, mutta automaattinen-vaihtoehto on nopea ja yksinkertainen, jos et voi käyttää jotakin manuaalista toteutuspolkua.
Laajennettujen konversioiden muuttujien etsiminen konversiosivulta
- Siirry Chrome-selaimessa konversiosivullesi.
- Konversiosivulla seurataan laajennetuilla konversioilla mitattavaa konversiota (kuten ostoja sivulta A) nykyisen konversioseurantatagin avulla. Jos et ole varma siitä, mikä sivu on konversiosivu, ota yhteyttä kehittäjään ja etsi Googlelle lähetettävältä sivulta asiakasdata (sivulla voi esimerkiksi näkyä kiitosviesti, johon sisältyy asiakkaan sähköpostiosoite ostoksen jälkeen).
- Vähintään yksi seuraavista kentistä on lisättävä, jotta laajennetut konversiot toimivat oikein:
- sähköpostiosoite (suositus)
- osoite (etunimi, sukunimi, postinumero ja maa ovat pakollisia, jos valitset tämän vaihtoehdon)
- [valinnainen] puhelinnumero voidaan lisätä yhdessä sähköpostiosoitteen tai koko nimen ja osoitteen kanssa (sitä ei voi lisätä yksinään).
- Kun olet löytänyt sivulta asiakasdatan, kopioi CSS-valitsimet ja lisää ne Google Tag Manageriin (tai käytä aiemmin luotuja datakerroksen muuttujia). Näin laajennettujen konversioiden tagi voi tiivistää ja lähettää oikean datan Googlelle. Konversiosivu on tärkeää pitää avoinna.
Laajennettujen konversioiden käyttöönotto Google Tag Managerissa
Avaa Google Tag Manager erilliselle välilehdelle.
- Kirjaudu Google Tag Manager ‑tilillesi.
- Klikkaa Työtila ja valitse sitten navigointivalikosta Tagit.
- Valitse siihen Floodlight-toimintaan liittyvä Google-tagi, jolle haluat ottaa laajennetut konversiot käyttöön, ja muokkaa tagia.
- Laajenna Tapahtumaparametrit-kohta ja klikkaa Lisää parametri.
- Lisää Tapahtumaparametri-kenttään
user_data. - Luo Arvo-kenttään Käyttäjiltä saatu data ‐muuttuja.
- Valitse Käyttäjiltä saatu data ‐muuttujalle Manuaalinen määritys.
- Voit myös valita Koodi-toteutustavan, jos haluat lähettää dataa Google Tag Managerin kautta käyttämällä omaa JavaScriptia tai muita dataobjekteja. Tämä toteutustapa edellyttää datan muotoilua tietyllä tavalla. Jos haluat käyttää tätä toteutustapaa, lue alla olevat Koodia koskevat ohjeet. Sivun yläosassa näkyy "Käyttäjiltä saatu data" ja sen alla kaikki asiakasdata, jonka voit sisällyttää laajennettujen konversioiden tagiin.
- Etsi sen käyttäjädatan kenttä, jonka haluat välittää laajennettujen konversioiden kautta, klikkaa avattavaa valikkoa ja valitse "Uusi muuttuja".
- Jos datakerroksessa on jo tiivistämättömiä muuttujia (riippumatta siitä, käytätkö CSS-valitsimia vai muita muuttujatyyppejä), voit valita ne uusien muuttujien luomisen sijaan. Jos et ole varma asiasta, jatka ohjeiden seuraamista.
- Aloita määritys valitsemalla Muuttujan määritys ‐näytöltä "Valitse muuttujan tyyppi".
- Klikkaa Valitse muuttujan tyyppi ‐näkymästä "DOM-elementti" ja vaihda Muuttujan määritys ‐näytön avattavasta valikosta "Valintamenetelmä"-kohtaan "CSS-valitsin".
- Nimeä muuttuja.
- Lisää "Elementin valitsin" ‑syötekenttään käyttäjien dataan viittaava CSS‑valitsin (katso alla olevasta osiosta, miten löydät CSS‑valitsimen). Voit jättää Attribuutin nimi ‐kentän tyhjäksi (lisätietoja alla).
Seuraavaksi opit kopioimaan CSS-valitsimet konversiosivultasi ja liittämään ne laajennettujen konversioiden muuttujiin, joten sinun on tärkeää pitää tämä sivu avoinna.
Laajennettujen konversioiden CSS-valitsimien etsiminen ja lisääminen Google Tag Manageriin
- Siirry takaisin konversiosivullesi (mutta älä sulje Google Tag Manageria).
- Klikkaa laajennettujen konversioiden mukana lähetettävää dataa hiiren kakkospainikkeella ja valitse "Tarkista" käynnistääksesi Chrome Developer Tools Chrome-selaimessa.
- Jos esimerkiksi haluat lähettää sähköpostiosoitteen, klikkaa konversiosivulla näkyvää sähköpostiosoitetta hiiren kakkospainikkeella.
- Chrome Developer Tools ‑sivun lähdekoodissa osa koodista näkyy korostettuna. Tämä koodi on sivuelementti, josta sinun on kopioitava CSS-valitsimet asiakasdatalle, jota klikkasit hiiren kakkospainikkeella.
- Vie hiiri korostetun koodin päälle ja klikkaa kakkospainikkeella.
- Vieritä Copy (Kopioi) ‑kohtaan ja valitse Copy selector (Kopioi valitsin).
- Liitä teksti Google Tag Managerin Elementin valitsin ‑kenttään.
- Teksti näyttää suunnilleen tältä:
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
- Teksti näyttää suunnilleen tältä:
- Klikkaa Tallenna.
Toista vaiheet 2–8 kaiken asiakasdatan (esim. sähköpostiosoite, nimi ja osoite) osalta.
Laajennettujen konversioiden käyttöönotto Google Tag Managerin Koodi-toteutustavalla
Laajennettujen konversioiden muuttujien tunnistaminen ja määrittely
Varmista ensin, että tarvitsemasi muuttujat (kuten sähköpostiosoite, osoite ja puhelinnumero) ovat saatavilla konversiosivulla, jolla Floodlight-konversiotagi käynnistyy. Niitä tarvitaan yleensä ostosten, rekisteröitymisten ja muiden sellaisten konversiotyyppien konversiosivuilla, joilla tarvitaan asiakasdataa. Jos et ole varma asiasta, ota yhteyttä kehittäjään.
Kun asiakasdatan saatavuus on vahvistettu, sinun on tallennettava data sivullesi yleisinä JavaScript-muuttujina, jotta laajennettujen konversioiden tagi (josta kerrotaan lisää seuraavassa osiossa) voi käyttää sitä.
Vähintään yksi seuraavista kentistä on lisättävä:
- sähköpostiosoite (suositus)
- osoite (etunimi, sukunimi, postinumero ja maa ovat pakollisia, halutessasi voit lisätä katuosoitteen, kaupungin ja alueen lisävastaavuusavaimiksi)
- puhelinnumero voidaan lisätä yhdessä sähköpostiosoitteen tai koko nimen ja osoitteen kanssa.
Seuraavassa taulukossa on lisätietoja asiakasdatan muuttujista, joita voit määritellä. Voit nimetä muuttujat haluamallasi tavalla. Avaimen nimi ‑sarakkeessa kerrotaan, miten näihin muuttujiin viitataan laajennettujen konversioiden tagissa. Huomaa, että kaikki data on välitettävä Merkkijono-tyyppisinä muuttujina. Kun määrität nimeä ja osoitetta, määritä kukin komponentti omana muuttujanaan (etunimi, sukunimi jne.).
| Datakenttä | Avaimen nimi (omassa JavaScriptissa oleva muuttuja) | Kuvaus |
|---|---|---|
| Sähköpostiosoite | email |
Käyttäjän sähköpostiosoite |
| Puhelinnumero | phone_number |
Tämä on käyttäjän puhelinnumero. Tagi poistaa symbolit ja viivat, mutta numerossa on oltava maakoodi. |
| Etunimi | address.first_name |
Tämä on käyttäjän etunimi. Esimerkki: "Ville". |
| Sukunimi | address.last_name |
Tämä on käyttäjän sukunimi. Esimerkki: "Virtanen". |
| Katuosoite | address.street |
Tämä on käyttäjän katuosoite. Esimerkki: "Kotikatu 12". |
| Kaupunki | address.city |
Käyttäjän kotikaupunki Esimerkki: "Oulu". |
| Alue | address.region |
Tämä on käyttäjän maakunta, osavaltio tai muu alue. Esimerkki: "Kalifornia". |
| Postinumero | address.postal_code |
Tämä on käyttäjän postinumero (vain viisinumeroinen versio). Esimerkki: "12345". |
| Maa | address.country |
Tämä on käyttäjän maatunnus. Esimerkki: "FI". Käytä ISO 3166-1 alpha-2 ‑standardin mukaisia kaksikirjaimisia maakoodeja. |
Seuraavissa vaiheissa laajennetut konversiot otetaan käyttöön Google Tag Managerissa, ja tarvitset siihen luomiasi asiakasdatamuuttujia.
Laajennettujen konversioiden käyttöönotto Google Tag Managerissa ja oman JavaScript-muuttujan luominen
- Kirjaudu Google Tag Manager ‑tilillesi.
- Klikkaa Työtila ja valitse sitten navigointivalikosta Tagit.
- Valitse siihen Floodlight-toimintaan liittyvä Google-tagi, jolle haluat ottaa laajennetut konversiot käyttöön, ja muokkaa tagia.
- Laajenna Tapahtumaparametrit-kohta ja klikkaa Lisää parametri.
- Lisää Tapahtumaparametri-kenttään
user_data. - Luo Arvo-kenttään Käyttäjiltä saatu data ‐muuttuja.
- Valitse Käyttäjiltä saatu data ‑muuttuja ‑kohdasta Koodi.
- Valitse avattavasta Datalähde-valikosta Uusi muuttuja.
- Valitse Muuttujan määritys ‑kohdasta Oma JavaScript.
- Kopioi seuraava koodi omaan JavaScript-muuttujaan:
function () {
return {
"email": yourEmailVariable , // korvaa yourEmailVariable käyttäjän sähköpostiosoitetta kuvaavan muuttujan nimellä
"phone_number": yourPhoneVariable , // tee sama kaikille yourPhoneVariable-muuttujille ja seuraaville muuttujille
"address": {
"first_name": yourFirstNameVariable
"last_name": yourLastNameVariable ,
"street": yourStreetAddressVariable ,
"city": yourCityVariable ,
"region": yourRegionVariable ,
"postal_code": yourPostalCodeVariable ,
"country": yourCountryVariable
}
}
}
- Korvaa yllä olevassa koodissa kunkin asiakasdatan paikkamerkkinä toimiva muuttuja
(esim. yourEmailVariable) sen yleisen JavaScript-muuttujan nimellä, joka sisältää kyseisen konversiosivullasi olevan asiakasdatan.- Muista, että sinun on lisättävä vähintään yksi seuraavista kentistä:
- sähköpostiosoite (suositus)
- osoite (etunimi, sukunimi, postinumero ja maa ovat pakollisia)
- puhelinnumero (lisättävä yhdessä sähköpostiosoitteen tai koko nimen ja osoitteen kanssa).
- Jos sivustosi ei kerää jotakin edellä olevista kentistä, poista kenttä kokonaan sen sijaan, että jättäisit sen tyhjäksi.
- Jos verkkosivusto esimerkiksi kerää vain sähköpostiosoitteita ja puhelinnumeroita, oma JavaScript-muuttuja näyttää tältä:
function () {
return {
"email": yourEmailVariable ,
"phone_number": yourPhoneVariable
}
}
- Jos verkkosivusto esimerkiksi kerää vain sähköpostiosoitteita ja puhelinnumeroita, oma JavaScript-muuttuja näyttää tältä:
- Muista, että sinun on lisättävä vähintään yksi seuraavista kentistä:
- Klikkaa Tallenna.
Laajennetut konversiot on nyt otettu käyttöön kyseiselle konversiotapahtumalle. Seuraavaksi voit tarkistaa, että ne toimivat oikein. Siirry alla olevaan Toteutuksen tarkistaminen ‑osioon.
Toteutuksen tarkistaminen
Voit tarkistaa, että laajennettujen konversioiden toteutus toimii odotetulla tavalla, käyttämällä Google Tag Managerin esikatselu- ja virheenkorjaustilaa. Ota esikatselu- ja virheenkorjaustila käyttöön ja siirry konversiosivullesi. Klikkaa Google Tag Managerista Floodlight-tagia ja sitten Muuttujat-välilehteä. Näet lähetettävän datan Laajennetut konversiot ‑objektissa. Jos et näe laajennettujen konversioiden objektia tai jos objekti on tyhjä, toteutuksessa on tapahtunut virhe. Tarkista käyttöönotto-ohjeista, että olet ottanut laajennetut konversiot käyttöön oikein.
Yleisiä ongelmia
Jos et pysty tarkistamaan laajennettujen konversioiden toteutusta, varmista käyttöönotto-ohjeista, että olet tehnyt kaiken tarvittavan. Jos ongelma ei ratkea, katso alta yleisimpiä syitä siihen, miksi laajennettujen konversioiden toteutuksessa voi olla ongelmia.