Rozdíly

Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.

--- it:marketing:facebook-meta [2023/10/25 11:33] – Petr Nosek
+++ it:marketing:facebook-meta [2023/10/25 22:23] (aktuální) – Petr Nosek
@@ Řádek 60: / Řádek 60: @@
 <code javascript>
 <script>
-  fbq('trackCustom', 'Mikrokonverze', {content_name: 'interest_level1'});
+  fbq('trackCustom', 'InterestLevel1', {content_name: 'interest_level1'});
 </script>
 </code>
-{{:it:marketing:pasted:20231023-221820.png}}
+{{:it:marketing:pasted:20231026-001046.png}}
-Tím si vytvořím vlastní kategorii **Mikrokonverze** a její parametr bude **interest_level1**. Nastavím si tímto způsobem.
+Tím si vytvořím vlastní událost **InterestLevel1** a její parametr bude **content_name** s hodnotou **interest_level1**. Nastavím si tímto způsobem.
-{{:it:marketing:pasted:20231023-222304.png}}
+{{:it:marketing:pasted:20231026-001246.png}}
-<adm warning>Když si vytvořím vlastní událost **Mikrokonverze**, tak ji musím nejprve odeslat a počkat cca 60 minut, než se ve Meta projeví. Jinak se v rozbalovacím menu **Událost** moje **Mikrokonverze** nezobrazuje.</adm>
+<adm warning>Když si vytvořím vlastní událost **InterestLevel1**, tak ji musím nejprve odeslat a počkat cca 60 minut, než se ve Meta projeví. Jinak se v rozbalovacím menu **Událost** moje **InterestLevel1** nezobrazuje.</adm>
-Když se pak podívám do menu **Zdroje dat**, tak je vidět, že už tam mám i vlastí událost **Mikrokonverze**.
+Když se pak podívám do menu **Zdroje dat**, tak je vidět, že už tam mám i vlastí událost **InterestLevel1**.
-{{:it:marketing:pasted:20231023-222552.png}}
+{{:it:marketing:pasted:20231026-001321.png}}
@@ Řádek 235: / Řádek 235: @@
 <adm warning>Je třeba ovšem vnímat, že volání zatěžuje server, na kterém web běží. Takže se může stát limitem hosting. Proto stojí za zvážení časté volání této události.</adm>
+=== Otestování PHP skriptu a posílání událostí z tagmanagera ===
+Pro otestování toho, zda se posílají události správně do Meta jsem na serveru vytvořil stránku test.html. Do ní jsem nahrál skript z tagmanagera a spustil v prohlížeči.
+PHP skript jsem ke konci upravil tak, aby se kominikace logovala:
+<code php>
+file_put_contents("log.txt", "Data sent to FB:\n".json_encode($data, JSON_PRETTY_PRINT)."\n\n", FILE_APPEND);
+$result = curl_exec($ch);
+if ($result === FALSE) {
+    file_put_contents("log.txt", "cURL error: " . curl_error($ch) . "\n\n", FILE_APPEND);
+} else {
+    file_put_contents("log.txt", "Response from FB:\n".$result."\n\n", FILE_APPEND);
+}
+curl_close ($ch);
+</code>
+Když jsem viděl, že všechno probíhá v pořádku, vrátil jsem kód do původního stavu bez logování.
+Ve zdrojích dat na Meta bylo po čase vidět, že jsou události v pořádku přijímány už i ze serveru.
+{{:it:marketing:pasted:20231025-143147.png}}
+=== Poslání standardní události lead bez hodnoty ===
+Pokud jsem dříve vložil událost poslání leadu, nyní musím skript editovat. S posláním události musí jít zároveň volání CAPI. Tady je ukázka skriptu, který vložím do Tagmanagera.
+<code javascript>
+<script>
+  var randomNumber = Math.floor(Math.random() * 100000);
+  var customEventID = 'lead.' + Date.now() + "." + randomNumber;
+  function CAPI(event, eventData) {
+  var fbp = document.cookie.split(';').filter(function (c) {
+    return c.includes('_fbp=');
+  }).map(function (c) {
+    return c.split('_fbp=')[1];
+  });
+  var fbc = document.cookie.split(';').filter(function (c) {
+    return c.includes('_fbc=');
+  }).map(function (c) {
+    return c.split('_fbc=')[1];
+  });
+  fbp = fbp.length && fbp[0] || null;
+  fbc = fbc.length && fbc[0] || null;
+  var headers = new Headers();
+  headers.append("Content-Type", "application/json");
+  var body = {
+    "event": event,
+    "event_data": eventData,
+    "fbp": fbp,
+    "fbclid": fbc,
+    "user_agent": navigator.userAgent,
+    "url": window.location.origin + window.location.pathname,
+    "event_id": customEventID
+  };
+  var options = {
+    method: "POST",
+    headers: headers,
+    mode: "cors",
+    body: JSON.stringify(body)
+  };
+  fetch("https://www.vasedomena.cz/sync/capi.php", options);
+}
+  var custom_data = {}
+  CAPI ('Lead', custom_data);
+  if (typeof fbq == 'function') {
+    fbq('track', 'Lead', custom_data, {eventID: customEventID});
+  }
+</script>
+</code>
+=== Posílání PageView přes CAPI ===
+Jednou z událostí, kterou mohu posílat přes CAPI je i **pageView**. Pozor ovšem na jedn uvěc. Událost **pageView** se často posílá automaticky pod instalací kódu Pixelu. Proto se musí pixel zkontrolovat a pokud je tam zadané posílání pageView, tak se musí odstranit. Jinak by nedošlo ke správnému odstranění duplicity záznamů.
+Tady je pak příklad posílání pageView v Tagmanageru přes CAPI a přes pixel:
+<code javascript>
+<script>
+  var randomNumber = Math.floor(Math.random() * 100000);
+  var customEventID = 'pageView.' + Date.now() + "." + randomNumber;
+  function CAPI(event, eventData) {
+  var fbp = document.cookie.split(';').filter(function (c) {
+    return c.includes('_fbp=');
+  }).map(function (c) {
+    return c.split('_fbp=')[1];
+  });
+  var fbc = document.cookie.split(';').filter(function (c) {
+    return c.includes('_fbc=');
+  }).map(function (c) {
+    return c.split('_fbc=')[1];
+  });
+  fbp = fbp.length && fbp[0] || null;
+  fbc = fbc.length && fbc[0] || null;
+  var headers = new Headers();
+  headers.append("Content-Type", "application/json");
+  var body = {
+    "event": event,
+    "event_data": eventData,
+    "fbp": fbp,
+    "fbclid": fbc,
+    "user_agent": navigator.userAgent,
+    "url": window.location.origin + window.location.pathname,
+    "event_id": customEventID
+  };
+  var options = {
+    method: "POST",
+    headers: headers,
+    mode: "cors",
+    body: JSON.stringify(body)
+  };
+  fetch("https://www.vasedomena.cz/sync/capi.php", options);
+}
+  var custom_data = {}
+  CAPI ('PageView', custom_data);
+  if (typeof fbq == 'function') {
+    fbq('track', 'PageView', custom_data, {eventID: customEventID});
+  }
+</script>
+</code>