Das brennen des Facebook Conversion Pixel

Ich bin noch ziemlich neu in Javascript, aber ich Frage mich, was wäre der beste Weg, um das Feuer der Facebook conversion pixel (unten), ohne tatsächlich das laden einer "Bestätigung"/"Danke" - Seite?

<script type="text/javascript">
var fb_param = {};
fb_param.pixel_id = 'XXXXXXXXXXX';
fb_param.value = '0.00';
fb_param.currency = 'USD';
(function(){
  var fpw = document.createElement('script');
  fpw.async = true;
  fpw.src = '//connect.facebook.net/en_US/fp.js';
  var ref = document.getElementsByTagName('script')[0];
  ref.parentNode.insertBefore(fpw, ref);
})();
</script>
<noscript><img height="1" width="1" alt="" style="display:none"
src="https://www.facebook.com/offsite_event.php?id=XXXXXXXXXX&amp;value=0&amp;currency=USD" /></noscript>

Facebook meint, wir sollten stecken Sie diesen in unserem "Danke-Seiten", die Besucher sehen, nachdem Sie konvertieren (ein Formular ausfüllen, eine Bestellung tätigen, etc). Allerdings, einige unserer Formen sind popups oder Formen auf den Seitenleisten neben Inhalten, die wir nicht wollen, dass die Leser zu richten, Weg von durch eine Bestätigungs-Seite.

Mit Google Analytics kann ich eine "unsichtbare" Seitenaufruf durch brennen _gaq.push(['_trackPageview']); code sagen kann, in GA, es sollte zählen, unsichtbar Seitenaufruf als Ziel der Fertigstellung.

Gibt es etwas ähnliches, dass ist allgemein genug, zu sagen, meine Website, um das Feuer der FB pixel?

InformationsquelleAutor der Frage dataprointhemaking | 2013-10-09

EDIT: ich habe aktualisiert mein code wie das, was ich erwähnt hatte zuvor nicht funktioniert hat. Dank @Flambino zu zeigen.

Dies ist meine überarbeitete Antwort mit einem pixel anstatt ein Skript übergeben werden, die conversion-pixel. Ich Verweis der Wie zu verfolgen eine Google-Adwords-conversion-onclick? SO ein post:

<head>
<script type="text/javascript"> 
function facebookConversionPixel(fb_pixel, fb_value){
    var image = new Image(1,1); 
    image.src = "//www.facebook.com/offsite_event.php?id=" + fb_pixel + "&amp;value=" + fb_value + "&amp;currency=USD";
}
</script>
</head>

<body>
<a href="#" onclick="facebookConversionPixel(123456,0.00);">FBCONV</a>
</body>

InformationsquelleAutor der Antwort Blexy

8

Aus der FB-docs "Wie zu verfolgen in-page-Ereignisse":

Nach dem Basis-code-snippet installiert ist, können Sie verfolgen, in-page-Maßnahmen, wie z.B. Klicks auf eine Schaltfläche, indem Sie eine _fbq.push('track') nennen für die Umrechnung von pixel durch die Registrierung verschiedene event-Handler in einem HTML-DOM-element. Zum Beispiel:
```
function trackConversionEvent(val, cny) {
  var cd = {};
  cd.value = val;
  cd.currency = cny;
  _fbq.push(['track', '<pixel_id>', cd]);
}
<button onClick="trackConversionEvent('10.00','USD');" />
```
InformationsquelleAutor der Antwort Patrick Berkeley

Bewegen Sie einfach die gesamte original-code in das Ereignis Ihrer Wahl. Dann ändern Sie einfach 1 Teil des Codes. Die Sache, die Sie tun müssen, ist die fb_param global statt lokal.

Siehe unten im Kommentar

$('.button').click(function() {
    window.fb_param = {}; //must be global by adding `window.`
    fb_param.pixel_id = '123456789';
    fb_param.value = '0.00';
    fb_param.currency = 'USD';
    (function(){
        var fpw = document.createElement('script'); fpw.async = true; fpw.src = '//connect.facebook.net/en_US/fp.js';
        var ref = document.getElementsByTagName('script')[0];
        ref.parentNode.insertBefore(fpw, ref);
    })();
});

InformationsquelleAutor der Antwort Tallboy

0

Wurde ich mit einer ähnlichen Art von Problem und ich würde gerne mehrere fügt track-Pixel-codes und einige Grund, warum ich nicht in der Lage war zu verfolgen. Was ich gemacht habe ist, dass, in der aktuellen Seite habe ich Hinzugefügt, pixel-code in der Fußzeile und javascript-Funktion
zu rufen, wenn mein ajax-Taste, die Sie vorgelegt bekommen.

Ersten beziehen sich auf Facebook-Dokumentation Seite

https://developers.facebook.com/docs/ads-for-websites/conversion-pixel-code-migration#multi-conv-events

Wie verfolgen Sie Mehrere Conversion-Ereignisse

Nach dem Basis-code-snippet installiert ist, können Sie verfolgen mehrere Konvertierungen innerhalb der gleichen web-Seite, indem Sie mehrere _fbq.push('track') ruft für jede conversion pixel-ids. Zum Beispiel:
```
_fbq.push(['track','<pixel_id1>',{'value':'10.00','currency':'USD'}]);
_fbq.push(['track','<pixel_id2>']);
```
Wie zu verfolgen, In-Page-Ereignisse

Nach dem Basis-code-snippet installiert ist, können Sie verfolgen, in-page-Maßnahmen, wie z.B. Klicks auf eine Schaltfläche, indem Sie eine _fbq.push('track') nennen für die Umrechnung von pixel durch die Registrierung verschiedene event-Handler in einem HTML-DOM-element. Zum Beispiel:
```
function trackConversionEvent(val, cny) {
  var cd = {};
  cd.value = val;
  cd.currency = cny;
 _fbq.push(['track', '<pixel_id>', cd]);
 }
 <button onClick="trackConversionEvent('10.00','USD');" />
```
Fügen Sie außerdem die facebook-pixel-tracking-code von chrome addon und finden Sie das facebook pixel helper-Seite: https://developers.facebook.com/docs/ads-for-websites/pixel-troubleshooting

Siehe meine untenstehende Lösung/Antwort

Facebook tracking-code in die aktuelle Seite

(function() {
var _fbq = window._fbq || (window._fbq = []);
if (!_fbq.geladen) {
var fbds = document.createElement('script');
fbds.async = true;
fbds.src = '//connect.facebook.net/en_US/fbds.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(fbds, s);
_fbq.geladen = true;
}
})();
Fenster._fbq = window._fbq || [];
Fenster._fbq.push(['track', '"deine_id"', {'value':'1.00','currency':'USD'}]);
```
  
  <script>(function() {
  var _fbq = window._fbq || (window._fbq = []);
  if (!_fbq.loaded) {
   var fbds = document.createElement('script');
  fbds.async = true;
  fbds.src = '//connect.facebook.net/en_US/fbds.js';
  var s = document.getElementsByTagName('script')[0];
   s.parentNode.insertBefore(fbds, s);
  _fbq.loaded = true;
  }
  })();
  window._fbq = window._fbq || [];
  window._fbq.push(['track', 'yourid', {'value':'1.00','currency':'USD'}]);
  </script>
```
Und der javascript-code aufrufen, wenn ajax form submit oder button klicken
```
 <script>
 function trackConversionEvent(val, cny) {
 var cd = {};
 cd.value = val;
 cd.currency = cny;
 _fbq.push(['track', 'yourid1', cd]);
 _fbq.push(['track', 'yourid1', cd]);

 }
</script>
```
und der Aufruf der Funktion bei ajax genannt
```
jQuery(form).ajaxSubmit({

   type:"POST",

   data: $(form).serialize(),

   url:"process.php",

    success: function() {
    **trackConversionEvent**('1.00','USD');
   }
   ......
```
InformationsquelleAutor der Antwort Sabir Abdul
0

Facebook aktualisiert hat, deren Pixel, so dass ich meine eigene benutzerdefinierte Funktion aufrufen, wird dynamisch setzen Sie den Parameter zusammen, um senden zu Facebook.

Schritt 1. Auf jeder Seite, stellen Sie sicher, dass Sie haben Ihre pixel initialisiert in der Kopf element der Seite.

Schritt 2. Fügen Sie diese benutzerdefinierte Funktion, die ich erstellt (es ist ein bisschen verbose, wie es der erste Entwurf, so bin ich sicher, es gibt Möglichkeiten zu optimieren, es zu Ihrem Vorteil).
```
triggerFacebookPixel: function(type, price, product_id, product_name, product_category, num_items) {
    //See https://developers.facebook.com/docs/ads-for-websites/pixel-events/v2.8#events for documentation
    //type = "ViewContent"|"AddToCart"|"Search"|"AddToWishlist"|"InitiateCheckout"|"AddPaymentInfo"|"Purchase"|"Lead"|"CompleteRegistration"
    //product_id = Numeric Product ID. String or Integer accepted for single product events, or an array of integers for multiple products.
    //price = Decimal/Float number of individual product's price or total price paid in conversion, or the user's status for 'CompleteRegistration'
    //product_name = Optional. String of individual product's name or string of search query
    //product_category = Optional. String of product category, hierarchy's accepted. E.g. "Clothing > Shirts > Men's > T-Shirts"
    //num_items = Optional. Total number of products.
    var data = {
        value: typeof(price) == 'string' ? parseFloat(price) : price,
        currency: 'USD'
    }
    switch (type) {
        case 'Search':
            data.content_ids = product_id;
            data.search_string = product_name;
            if (product_category !== undefined && product_category != '') {
                data.content_category = product_category;
            }
            break;
        case 'Lead':
            data.content_name = product_name;
            data.content_category = product_category;
            break;
        case 'CompleteRegistration':
            data.status = product_id;
            data.content_name = product_name;
            break;
        default:
            //Product Specific Calls
            //ViewContent|AddToCart|AddToWishlist|InitiateCheckout|AddPaymentInfo|Purchase
            if (num_items == 1) {
                data.content_ids = [typeof(product_id) == 'string' ? parseInt(product_id) : product_id];
                data.content_category = product_category;
                data.content_name = product_name;
            } else {
                data.content_ids = product_id;
            }
            //"num_items" is only a parameter used in these two types
            if (type == 'InitiateCheckout' || type == 'Purchase') {
                data.num_items = num_items
            }
            //"content_type" is only a parameter used in these three types
            if (type == 'Purchase' || type == 'AddToCart' || type == 'ViewContent') {
                data.content_type = 'product';
            }
            break;
    }
    fbq('track', type, data);
}
```
Schritt 3. Rufe diese Funktion mit den entsprechenden Parametern.

Für Ihre danke-pop-up nach einem Kauf, der pixel wird gefeuert anders, wenn der Benutzer kauft 1 Artikel, im Gegensatz zu mehreren Elementen. Im Grunde, Facebook akzeptiert die Parameter für Produktnamen und-Kategorien, wenn es nur ein Produkt, aber nicht zu akzeptieren, diese Parameter, wenn es mehrere Produkte.

Für die folgenden Beispiele, hier einige Beispiel-Produkt-Daten eines Nutzers Kauf von 1 Artikel:
- Produkt-Name: "Mein Super-Awesome T-Shirt"
- Produkt-ID: 182
- Produkt-Kategorie: "Bekleidung > T-Shirts > T-Shirts"
- Gesamtbetrag Benutzer bezahlt (inklusive Versand/handling & tax): $10.84
Und hier ist die Funktion, die Sie nennen würden, die auf die Bestätigung:
```
triggerFacebookPixel('Purchase', 10.84, 182, 'My Super Awesome T-Shirt', 'Clothing > Shirts > T-Shirts', 1);
```
Wenn ein Benutzer Einkäufe mehrere Artikeldie pixel verarbeitet es anders, ohne den Produktnamen und den Kategorien und senden Ihre ID ' s. Also gaukeln wir unserem user gekauft diesen beiden Positionen:
- Produkt ID: 182 164 (Hemd und etwas anderes)
- Gesamtbetrag Benutzer bezahlt (inklusive Versand/handling & tax): $24.75
Dies ist, wie Sie möchten, verwenden Sie die Funktion:
```
triggerFacebookPixel('Purchase', 24.75, [182, 164], '', '', 2);
```
Für andere standard-Ereignisse im Sinne von Facebook über Produkte, die Sie verwenden können, dies in gleicher Funktion für "ViewContent", "AddToCart", "AddToWishlist", "InitiateCheckout" und "AddPaymentInfo". Ändern Sie einfach "Kaufen", um alle diese Worte in Ihrem Aufruf.

Die anderen Ereignisse sind nicht unbedingt im Zusammenhang mit Produkten: "Führen", "Suche", und "Registrierung Abschließen". Sie können weiterhin diese Funktion für die key-Worte wie diese.

Beispiel: user gesucht für die "blue shirts":
```
triggerFacebookPixel('Search', 0, [], 'blue shirts');
```
Wenn Sie wollen, eine Produkt-Kategorie, in der der Benutzer die Suche-Funktion, die Sie übergeben können, die als Zeichenfolge am Ende. Ich kann nicht denken, ein use-case-Szenario, wo würden Sie wissen, zu welcher Kategorie der Benutzer ist für die Suche. Es sei denn, Sie verwendet diese im Falle, dass das Produkt in den Suchergebnissen angezeigt wird und der Benutzer klickte auf es von der Seite suchen. Könnte das sein, was diese Funktion eigentlich ist, aber die Dokumentation ist nicht ganz klar. Wenn das bei Ihnen der Fall, dann ändern Sie einfach die 0 und leeres array auf die tatsächlichen Werte (Preis-und Produkt-ID bezeichnet) des Produktes, auf die geklickt wurde auf der Seite der Suchergebnisse, und fügen Sie Ihre Kategorie als string als letzten parameter an, nachdem der such-string.

Beispiel: user vorgelegt, ein Formular, das unterschrieben Sie bis zu Ihrem newsletter:
```
triggerFacebookPixel('CompleteRegistration', 0, 'Signed Up', 'Newsletter');
```
Facebook die Dokumentation besagt, dass "CompleteRegistration" sollte verwendet werden, wenn ein Anmeldeformular ausgefüllt, z.B. vollständige Abo/Anmeldung für einen Dienst. Die "Unterschrift" string " der "status" - parameter und die "Newsletter" - saite ist die "content_name" - parameter.

Beispiel: Benutzer übermittelt ein Formular, das unterschrieben Sie sich für eine Kostenlose 30-Tage-Testversion von einigen service, den Sie bieten (so sind Sie nun ein führen), wo der name des Dienstes ist "Free 30-Day Trial Service" und es ist in der sub-Kategorie "Kostenlose Studien" unter der Rubrik "Meine Services":
```
triggerFacebookPixel('Lead', 0, 'Free 30-Day Trial Service', 'My Services > Free Trials');
```
Facebook die Dokumentation besagt, dass "Führen" liegt vor, wenn ein sign-up abgeschlossen ist, Z. B. klicken Sie auf die Preisgestaltung, Anmeldung für die Testversion. Ich vermutete, dass der name des Dienstes ist der parameter "content_name" und die Kategorie des Dienstes ist die "content_category" - parameter.

InformationsquelleAutor der Antwort Tessa

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.