Ohje

Meta-pikselin asennus Astra-teemaan – Mukautetut asettelut -toiminto

Askel askeleelta -ohje Meta-pikselin (Facebook-pikselin) asentamiseen Astra-teemaan ilman lisäosaa – hyödyntäen teeman sisäänrakennettua Mukautetut asettelut -toimintoa.

1. Mikä on Meta-pikseli?

Meta-pikseli (aiemmin Facebook-pikseli) on pieni koodinpätkä, jonka avulla voit mitata mainosten tehoa, rakentaa kohderyhmiä ja seurata konversioita. Kun joku vierailee sivustollasi tai tekee ostoksen, pikseli lähettää tiedon Meta Business -tilillesi.

2. Löydä pikselikoodisi

  1. Kirjaudu Meta Business Suiteen.
  2. Valitse Tapahtuman hallinta (Event Manager).
  3. Avaa haluamasi pikseli tai luo uusi valitsemalla Liitä uusi tietolähde → Web.
  4. Valitse Asenna koodi manuaalisesti ja kopioi <script>-koodi talteen (tarvitset sen hetken kuluttua).

3. Avaa Mukautetut asettelut Astra-teemassa

  1. Kirjaudu WordPressin hallintapaneeliin (sinunsivustosi.fi/wp-admin).
  2. Valitse vasemmasta valikosta Ulkonäkö → Astra-valikot → Mukautetut asettelut. (Tarvitset Astra Pro -lisenssin, jotta Mukautetut asettelut on käytettävissä.)
  3. Paina Ota käyttöön, jos toiminto ei ole vielä aktiivinen.

4. Luo uusi asettelu pikselille

  1. Paina Lisää uusi Mukautetut asettelut -näkymässä.
  2. Anna asettelulle nimi, esim. Meta-pikseli – kaikki sivut.
  3. Valitse Asettelun sisältö → Koodieditori (HTML).
  4. Liitä aiemmin kopioimasi Meta-pikselin <script>-koodi editoriin.
  5. Valitse Ohjaus → Toiminto → Otsakekoodi (Header), jotta koodi latautuu sivun <head>-osioon.

5. Aseta näkyvyys kaikille sivuille

Haluat yleensä, että pikseli latautuu jokaisella sivulla:

  1. Avaa välilehti Näyttöehdot.
  2. Valitse Sisällytä → Koko sivusto.
  3. Jätä laitteiden osalta Kaikki laitteet valituksi.
  4. Jos haluat rajata pois tiettyjä rooleja (esim. admin), voit tehdä sen Käyttäjäroolit -kohdassa.

6. Julkaise ja testaa

  1. Paina Julkaise (tai Päivitä, jos muokkaat vanhaa).
  2. Avaa sivustosi julkisella puolella uudessa välilehdessä.
  3. Asenna selaimellesi Meta-pikselin apuri (Meta Pixel Helper) -lisäosa Chromeen, jos et ole sitä vielä asentanut.
  4. Avaa sivu ja tarkista, että apuri näyttää vihreän valintamerkin ja tunnistaa pikselin oikein.
  5. Mene takaisin Meta Business Suiten Tapahtumien hallintaan ja varmista, että testitapahtuma näkyy Testitapahtumat -osiossa.

7. Lisää konversiotapahtumia (valinnainen)

Pelkkä sivunlataus ei vielä kerro paljon. Lisää tärkeitä tapahtumia, kuten:

  • Yhteydenottolomakkeen lähetys: lisää fbq('track', 'Lead') lomakkeen onnistuneen lähetyksen jälkeen.
  • Tuotteen lisääminen koriin: lisää fbq('track', 'AddToCart') WooCommerce-kaupassa.
  • Ostos: lisääfbq('track', 'Purchase', {value: 0.00, currency: "EUR"})kiitos-sivulle onnistuneen tilauksen jälkeen.

Nämä tapahtumat vaativat usein mukautetun JavaScript-koodin, jonka voi lisätä samalla Mukautetut asettelut -toiminnolla mutta eri asetteluna ja sivukohtaisemmilla näyttöehdoilla.

Vinkkejä

  • Älä lisää pikseliä useaan paikkaan samanaikaisesti (esim. lisäosa + Astra) – se aiheuttaa tuplalatauksia ja virheellistä dataa.
  • Käytä gdprCookieConsent tai vastaavaa lisäosaa, jotta pikseli latautuu vasta kun käyttäjä on hyväksynyt evästeet.
  • Voit luoda eri asetteluja eri sivuille: esim. yksi etusivulle, toinen tuotesivuille ja kolmas kiitos-sivuille konversiotapahtumineen.
  • Jos käytät välimuistitusta (cache), tyhjennä välimuisti asennuksen jälkeen, jotta koodi latautuu heti kaikille kävijöille.
  • Tarkista säännöllisesti Tapahtumien hallinnasta, että data saapuu oikein ja konversioprosentit ovat realistisia.

Tarvitsetko apua pikselin asennuksessa tai mainonnan seurannassa? hello@makum.fi