Özel piksel ekleme

Hakkında veri toplamak istediğiniz belirli müşteri etkinliklerini takip eden bir uygulamanız yoksa, gevşek korumalı alan ortamında çalışan özel bir piksel ekleyebilirsiniz.

Özel piksel eklerken aşağıdaki bilgileri girersiniz:

  • Üçüncü taraf JavaScript pikseli
  • Takip etmek istediğiniz davranışsal etkinlikler

Üçüncü taraf piksel kodu hazırlama

Kullandığınız üçüncü taraf hizmeti, size piksel ile entegre edilmiş kodu sağlar. Bir pikselin genellikle iki bileşeni vardır: SDK ve takip kodu. Shopify piksel korumalı alanı yalnızca JavaScript'i desteklediği için üçüncü taraf hizmet kodundaki tüm HTML kodları kaldırılmalıdır.

Aşağıda bir Meta piksel örneği verilmiştir. Piksellerin bir şirketten diğerine küçük değişiklikler gösterdiğine dikkat edin.

​​<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', YOUR_PIXEL_ID);
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=618182112209280&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

Meta'nın kodundan HTML kodlarını kaldırdıktan sonra elinizde Meta'nın piksel SDK'sı ve bunu başlatacak kod kalır. PageView (Sayfa Görüntüleme) etkinlikleri takip kodu da bir sonraki adımda ekleneceği için kaldırılmıştır.

​​!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', YOUR_PIXEL_ID);

script src= kullanılarak yüklenen piksellerle karşılaşabilirsiniz. Shopify'ın piksellerinde HTML desteklenmediğinden bunu JavaScript eşdeğeri ile değiştirmeniz gerekir.

Aşağıda bir Google Analytics pikseli örneği verilmiştir:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_PIXEL_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', ''YOUR_PIXEL_ID'');
</script>

script src= bölümü, aşağıdaki JavaScript eşdeğeri ile değiştirilebilir. Src özelliğinizin HTML versiyonuyla uyumlu olduğundan emin olun:

const script = document.createElement('script');
script.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=YOUR_PIXEL_ID');
script.setAttribute('async', '');
document.head.appendChild(script);

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'YOUR_PIXEL_ID');

Standart etkinliklere abone olma

Pikselin SDK'sını yükleyip başlattıktan sonra içine takip edilecek etkinlikleri aktarmanız gerekir. Bunu yapmak için etkinliklere abone olmak ve ardından etkinlik verilerini, üçüncü taraf hizmeti tarafından işlenmek üzere pikselin SDK'sına aktarmak gerekir.

Shopify, pikselinizin toplaması gereken verileri topladığından emin olmanızı kolaylaştıran standart bir etkinlik kümesi sunar.

Shopify Pixels Extension API'sini kullanarak etkinliklere abone olabilirsiniz. Abone olduğunuz etkinlikle birlikte üçüncü taraf piksel kodunu da yerleştirmeniz gerekir.

Aşağıda, Meta'nın pikseli için PageView (Sayfa görüntüleme) etkinliğiyle ilgili bir örnek verilmiştir. fbq("track") öğesinin, Meta kodunun bir parçası olduğunu ve her şirketin, o şirketin belgelerine referans vermenizi gerektiren kendi versiyonu olacağını unutmayın.

analytics.subscribe("page_viewed", event => {
  fbq('track', 'PageView');
});

Bazı etkinliklerde, pikselinize aktarabileceğiniz meta veriler bulunur. Aşağıda, bazı ürün ayrıntılarının Meta'nın ViewContent (İçerik Görüntüleme) etkinliğine aktarılmasıyla ilgili bir örnek verilmiştir:

analytics.subscribe("product_viewed", event => {
  fbq('track', 'ViewContent', {
    content_ids: [event.product_id],
    content_name: event.product_title,
  });
});

Özel piksel ekleme

Özel piksel eklemeden önce, müşteri etkinliklerinin iki kez sayılmaması için mevcut tüm pikselleri kaldırın. Mevcut piksel kodu, bulunduğu her yerden (örneğin theme.liquid, checkout.liquid [Yalnızca Plus satıcıları için] ve diğer ödeme komut dosyalarından) manuel olarak kaldırılmalıdır .

  1. Shopify yöneticinizden Ayarlar > Müşteri etkinlikleri'ne gidin.
  2. Pikselinize benzersiz bir ad verin. Zaten var olan bir özel piksel adı girersiniz piksele farklı bir ad vermeniz istenir.
  3. Etkinlik düzenleyicisini açmak için Piksel ekle'ye tıklayın.
  4. Üçüncü taraf JavaScript pikselini Kod penceresine yapıştırın.
  5. Takip etmek istediğiniz etkinlikleri, uygun şemaya ekleyin.
  6. İsteğe bağlı: Pikselinizin adını düzenlemek için veya özel pikselleriniz konusunda yardım almak üzere bir Shopify Expert ile çalışmayla ilgili bilgileri görüntülemek için Diğer işlemler'e tıklayın.
  7. Özel pikselinizi kaydetmek için Kaydet'e tıklayın. Özel pikselinizi bağlamaya hazırsanız Pikseli bağla'ya tıklayarak etkinliklerinizi takip etmeye başlayabilirsiniz.

Özel piksel bağlama

Özel bir piksel ekledikten sonra pikseli mağazanıza bağlamanız gerekir.

  1. Shopify yöneticinizdeki Müşteri etkinlikleri sayfasında Özel pikseller'e tıklayın.
  2. O anda bağlı olmayan özel pikseller, Bağlantısı Kesilmiş Piikseller başlığı altında görüntülenir. İlgili özel piksel satırında Bağla'ya tıklayın.
  3. Shopify Hizmet Şartları'nı gözden geçirin. Pikseliniz hizmet gerekliliklerini karşılıyorsa Bağla'ya tıklayın.

Özel piksel örnekleri

Özel Meta pikseli

​​!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', YOUR_PIXEL_ID);

analytics.subscribe("page_viewed", event => {
  fbq('track', 'PageView');
});

analytics.subscribe("product_viewed", event => {
  fbq('track', 'ViewContent', {
    content_ids: [event.product_id],
    content_name: event.product_title,
    currency: event.currency,
    value: event.product_price,
  });
});

analytics.subscribe("search_submitted", event => {
  fbq('track', 'Search', {
    search_string: event.search_value
  });
});

analytics.subscribe("product_added_to_cart", event => {
  fbq('track', 'AddToCart', {
    content_ids: [event.product_id],
    content_name: event.product_title,
    currency: event.currency,
    value: event.product_price,
  });
});

analytics.subscribe("payment_info_submitted", event => {
  fbq('track', 'AddPaymentInfo');
});

analytics.subscribe("checkout_started", event => {
  fbq('track', 'InitiateCheckout');
});

analytics.subscribe("checkout_completed", event => {
  fbq('track', 'PageView');
});

Özel piksellerin bağlantısı kesme

Takip etmek için özel piksel eklediğiniz etkinlikleri takip etmeyi durdurmak istiyorsanız pikselin online mağazanızla bağlantısını manuel olarak kesmeniz gerekir.

Basamak

  1. Shopify yöneticinizdeki Müşteri etkinlikleri sayfasında Özel pikseller'e tıklayın.
  2. O anda bağlı olan özel pikseller, özel piksel listenizin üst kısmında görüntülenir. İlgili özel piksel satırında Bağlantıyı kes'e tıklayın. Pikselin bağlantısını kesmek, pikseli silemez.

Özel pikselleri silme

Artık ihtiyaç duymadığınız özel pikselleri silebilirsiniz.

Basamak

  1. Shopify yöneticinizdeki Müşteri etkinlikleri sayfasında Özel pikseller'e tıklayın.
  2. İlgili özel piksel satırında ... düğmesine tıklayın.
  3. Sil'e tıklayın. Silme işlemini onayladığınızda özel piksel, piksel yöneticisinden kaldırılır.

Özel pikseli silme işlemi geri alınamaz. Bu nedenle, doğru pikseli sildiğinizden emin olun.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene