தனிப்பயன் பிக்சல் குறியீட்டை உருவாக்குதல்

எச்சரிக்கை

தனிப்பயன் பிக்சல்கள் என்பது JavaScript அறிவு தேவைப்படும் ஒரு மேம்பட்ட அம்சமாகும். பொருந்தக்கூடிய சட்டங்கள், ஒப்புதல்கள், குறியீடு பாதுகாப்பு, சிக்கல் தீர்த்தல் மற்றும் புதுப்பிப்புகளுக்கு இணங்குவது உங்கள் பொறுப்பாகும். பிக்சல்கள் Shopify சேவை விதிமுறைகளுக்கு உட்பட்டவை.

தனிப்பயன் பிக்சல்களைச் சேர்ப்பது மற்றும் பயன்படுத்துவதை Shopify ஆதரிப்பதில்லை. தனிப்பயன் பிக்சலைச் சேர்க்கவோ பயன்படுத்தவோ உங்களுக்கு உதவி தேவைப்பட்டால், நீங்கள் ஒரு Shopify பார்ட்னரைப் பணியமர்த்தலாம்.

மூன்றாம் தரப்பு பிக்சலுக்கான தனிப்பயன் பிக்சல் குறியீட்டை உருவாக்குவதற்கான வழிமுறைகள் இந்தப் பக்கத்தில் உள்ளன, இதன் மூலம் குறிப்பிட்ட வாடிக்கையாளர் நிகழ்வுகளை உங்களால் தடமறிய முடியும். உங்கள் தனிப்பயன் பிக்சலுக்கான குறியீட்டை உருவாக்கிய பிறகு, நீங்கள் உங்கள் Shopify ஸ்டோரில் பிக்சலைச் சேர்க்கலாம்.

இந்தப் பக்கத்தில்

தனிப்பயன் பிக்சலை உருவாக்கத் தயார்செய்தல்

தனிப்பயன் பிக்சலை உருவாக்கும் முன், உங்கள் பிக்சலை எவ்வாறு உள்ளமைப்பது என்பதை நீங்கள் புரிந்துகொண்டதை உறுதிசெய்ய பின்வரும் தகவலைச் சரிபார்க்கவும்:

தனிப்பயன் பிக்சலைச் சேர்க்கும்போது, பின்வரும் தகவலைக் குறிப்பிடுவீர்கள்:

மூன்றாம் தரப்பு JavaScript பிக்சல்.
நீங்கள் தடமறிய விரும்பும் நடத்தைசார் நிகழ்வுகள்.
வாடிக்கையாளர் தனியுரிமை ஒப்புதல் அமைப்புகள்.

தனிப்பயன் பிக்சலுக்கான குறியீட்டை உருவாக்குதல்

தனிப்பயன் பிக்சலுக்கான குறியீட்டை உருவாக்குவது பின்வரும் படிகளை உள்ளடக்கியது:

மூன்றாம் தரப்பு Javascript SDK ஐத் தயார்செய்யவும்.
வாடிக்கையாளர் நிகழ்வுகளைத் தடமறிய உங்கள் பிக்சலை உள்ளமைக்கவும்.
உங்கள் பிக்சலுக்கான வாடிக்கையாளர் தனியுரிமைக்கான ஒப்புதல் அமைப்புகளை உள்ளமைக்கவும்.

மூன்றாம் தரப்பு Javascript SDK ஐத் தயார்செய்தல்

நீங்கள் பணிபுரியும் மூன்றாம் தரப்புச் சேவையானது, பிக்சலுடன் ஒருங்கிணைக்கப்பட்ட குறியீட்டை உங்களுக்கு வழங்குகிறது. பிக்சல் பொதுவாக 2 கூறுகளைக் கொண்டுள்ளது: ஒரு Javascript SDK மற்றும் தடமறிவதற்கான குறியீடு. Shopify பிக்சல் சாண்ட்பாக்ஸ் JavaScript ஐ மட்டுமே ஆதரிப்பதால், மூன்றாம் தரப்புச் சேவைக் குறியீட்டில் உள்ள எந்தவொரு HTML களையும் அகற்ற வேண்டும்.

Meta பிக்சலுக்கான எடுத்துக்காட்டு இங்கே கொடுக்கப்பட்டுள்ளது. பிக்சல்கள் ஒரு மூன்றாம் தரப்பிலிருந்து மற்றொரு மூன்றாம் தரப்புக்குச் சற்று மாறுபடும்.

<!-- 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 இன் குறியீட்டிலிருந்து HTML ஐ அகற்றிய பிறகு, Meta இன் பிக்சல் SDK மற்றும் அதைத் தொடங்குவதற்கான குறியீடு ஆகியவை எஞ்சியிருக்கும். அடுத்த படியில் சேர்க்கப்படும் என்பதால் PageView நிகழ்வைத் தடமறிவதற்கான குறியீடும் அகற்றப்பட்டுள்ளது.

!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);

Meta இன் பிக்சல் SDK, Shopify தனிப்பயன் பிக்சலில் இருந்து தரவை தானாகவே அனுப்பாது. தரவை அனுப்ப, நீங்கள் நிகழ்வுகளுக்குச் சந்தா செய்ய வேண்டும்.

script src= ஐப் பயன்படுத்தி ஏற்றப்படும் பிக்சல்களை நீங்கள் சந்திக்க நேரிடலாம். Shopify இன் பிக்சல்களில் HTML ஆதரிக்கப்படாது என்பதால், script src= என்பதற்கு இணையான JavaScript ஆல் அதை மாற்ற வேண்டும்.

script src= ஐப் பயன்படுத்தி ஏற்றப்படும் மாதிரி Google Analytics பிக்சல் இங்கே கொடுக்கப்பட்டுள்ளது:

<!-- 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= பகுதியை அதற்கு இணையான JavaScript ஆல் மாற்றலாம். உங்கள் src பண்புக்கூறு HTML பதிப்புடன் பொருந்துவதை எப்போதும் உறுதிசெய்துகொள்ளவும்:

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');

Google இன் பிக்சல் SDK, Shopify தனிப்பயன் பிக்சலில் இருந்து தரவை தானாகவே அனுப்பாது. தரவை அனுப்ப, நீங்கள் நிகழ்வுகளுக்குச் சந்தா செய்ய வேண்டும்.

வாடிக்கையாளர் நிகழ்வுகளைத் தடமறிதல்

பிக்சலின் SDK ஐ ஏற்றி, தொடங்கிய பிறகு, தடமறிவதற்காக நீங்கள் நிகழ்வுகளை அதற்கு அனுப்ப வேண்டும். நிகழ்வுகளுக்குச் சந்தா செய்வதன் மூலமும், மூன்றாம் தரப்புச் சேவையால் செயலாக்கப்படுவதற்காகப் பிக்சலின் SDK-க்குள் நிகழ்வுத் தரவை அனுப்புவதன் மூலமும் இது செய்யப்படுகிறது.

Shopify நிலையான நிகழ்வுகளின் தொகுப்பை வழங்குகிறது, இது உங்கள் பிக்சல் அதற்குத் தேவையான தரவைச் சேகரிப்பதை உறுதிசெய்வதை எளிதாக்குகிறது.

Shopify Pixels Extension API ஐப் பயன்படுத்தி நீங்கள் நிகழ்வுகளுக்குச் சந்தா செய்யலாம். நீங்கள் சந்தா செய்யும் நிகழ்வுடன் மூன்றாம் தரப்புப் பிக்சல் குறியீட்டை உள்ளிட வேண்டும்.

இது Meta இன் பிக்சலுக்கான PageView நிகழ்வின் எடுத்துக்காட்டு ஆகும். fbq("track") என்பது Meta இன் குறியீட்டின் ஒரு பகுதியாகும், மேலும் ஒவ்வொரு நிறுவனமும் தங்களுக்கென்று சொந்தப் பதிப்பைக் கொண்டிருக்கும். அதற்காக நீங்கள் அவற்றின் ஆவணங்களைப் பார்க்க வேண்டும் என்பதைக் கவனத்தில் கொள்ளவும்.

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

சில நிகழ்வுகளில் மெட்டாடேட்டா இருக்கும், அதை நீங்கள் உங்கள் பிக்சலுக்கு அனுப்பலாம். Meta இன் ViewContent நிகழ்வுக்குச் சில தயாரிப்பு விவரங்களை அனுப்புவதற்கான எடுத்துக்காட்டு இங்கே கொடுக்கப்பட்டுள்ளது:

analytics.subscribe("product_viewed", async (event) => {
  fbq('track', 'ViewContent', {
    content_ids: [event.data?.productVariant?.id],
    content_name: event.data?.productVariant?.title,
    currency: event.data?.productVariant?.price?.currencyCode,
    value: event.data?.productVariant?.price.amount,
  });
});

யாராவது பொத்தானைக் கிளிக் செய்வது போன்ற கூடுதல் வாடிக்கையாளர் நிகழ்வுகளை நீங்கள் தடமறிய விரும்பினால், தனிப்பயன் வாடிக்கையாளர் நிகழ்வுகளைச் சேர்க்கலாம். நிலையான நிகழ்வுகளைப் போலவே தனிப்பயன் நிகழ்வுகளுக்கும் சந்தா செய்யலாம். நீங்கள் சந்தா செய்ய விரும்பும் நிகழ்வின் பெயரைக் குறிப்பிட்டு, அந்தத் தகவலை மூன்றாம் தரப்புச் சேவை வழங்குநரின் பிக்சலுக்கு அனுப்பவும்.

உங்கள் தீமின் liquid கோப்புகளில் வெளியிடப்பட்ட தனிப்பயன் நிகழ்வு எவ்வாறு தோன்றக்கூடும் என்பதற்கான எடுத்துக்காட்டு இது:

<script>Shopify.analytics.publish("special_email_signup", { email_campaign_id: 123});</script>

அந்தத் தனிப்பயன் நிகழ்வுக்குச் சந்தா செய்ய உங்கள் பிக்சலை எவ்வாறு உள்ளமைக்கலாம் என்பதற்கான எடுத்துக்காட்டு இது:

analytics.subscribe("special_email_signup", event => {
  window.dataLayer.push({event: emailSignUp, emailCampaignId: event.customData.email_campaign_id});
});

தனிப்பயன் நிகழ்வுகள் குறித்த மேலும் தகவலுக்கு, Shopify டெவலப்பர் ஆவணங்களைப் பார்க்கவும்.

குறிப்பு

உங்கள் சொந்தத் தனியுரிமை இணக்கத்திற்கு நீங்களே பொறுப்பாவீர்கள், உங்கள் பிராந்தியத்திலும் நீங்கள் விற்பனை செய்யும் பிராந்தியத்திலும் உள்ள சட்டங்கள் உங்கள் வணிகத்தை எவ்வாறு பாதிக்கலாம் என்பதைத் தீர்மானிக்க உங்கள் சொந்த சட்ட ஆலோசகரைக் கலந்தாலோசிக்க வேண்டும். Shopify பிளாட்ஃபார்மைப் பயன்படுத்தித் தயாரிப்புகளை விற்க, உங்கள் வணிகம் மற்றும் உங்கள் வாடிக்கையாளர்களின் அதிகார வரம்புச் சட்டங்கள், Shopify சேவை விதிமுறைகள், Shopify ஏற்கத்தக்க பயன்பாட்டுக் கொள்கை மற்றும் பொருந்தக்கூடிய பிற கொள்கைகளுக்கும் நீங்கள் இணங்க வேண்டும். வாடிக்கையாளர் தனியுரிமை பற்றி மேலும் அறிக.

ஐரோப்பியப் பொருளாதாரப் பகுதி (EEA) மற்றும் யுனைடெட் கிங்டம் போன்ற ஒப்புதல் தேவைப்படும்படி உள்ளமைக்கப்பட்டுள்ள சந்தைகளில், இணையதளப் பார்வையாளர்கள் பிக்சல் உள்ளமைவில் தேவையான அனுமதிகளை வழங்கியிருந்தால் மட்டுமே வெப் பிக்சல்கள் ரன் ஆகும்.

இயல்புநிலையாக, புதிய தனிப்பயன் பிக்சல்களுக்கு சந்தைப்படுத்தல் மற்றும் பகுப்பாய்வு அனுமதிகள் தேவை. உங்கள் தனிப்பயன் பிக்சல் விவரங்களின் வாடிக்கையாளர் தனியுரிமை > அனுமதி பிரிவில் எந்தெந்த அனுமதிகள் தேவை என்பதை நீங்கள் தனிப்பயனாக்கலாம்.

அதேபோன்று, தரவு விற்பனையாக உள்ளமைக்கப்பட்டுள்ள பிக்சல், வரையறுக்கப்பட்ட தரவுப் பயன்பாட்டை ஆதரித்தால் தவிர, தரவு விற்பனை அல்லது பகிர்விலிருந்து விலகிய வாடிக்கையாளர்களுக்கு ரன் ஆகாது. இயல்புநிலையாக, புதிய தனிப்பயன் பிக்சல்கள் தரவு விற்பனையாகத் தகுதிபெறும். சேகரிக்கப்பட்ட தரவு தரவு விற்பனையாகத் தகுதிபெறுமா என்பதை உங்கள் தனிப்பயன் பிக்சல் விவரங்களின் வாடிக்கையாளர் தனியுரிமை > தரவு விற்பனை பிரிவில் நீங்கள் தனிப்பயனாக்கலாம்.

தனிப்பயன் பிக்சல்களின் டெவலப்பர்கள் ஒப்புதலைச் சேகரிப்பது மற்றும் பதிவுசெய்வது பற்றி மேலும் அறியலாம்.

ஒவ்வொரு பிக்சலும் ஒவ்வொரு நோக்கத்திற்கும் வெவ்வேறு பெயரைக் கொண்டிருக்கலாம். Shopify இன் வரையறைகளுடன் இது எவ்வாறு மேப் ஆகிறது என்பதைப் புரிந்துகொள்ள, மூன்றாம் தரப்பின் பிக்சல் ஆவணங்களை நீங்கள் கலந்தாலோசிக்க வேண்டும்.

எடுத்துக்காட்டாக, சந்தைப்படுத்தல் மற்றும் பகுப்பாய்வு நோக்கங்கள் Google இன் ஒப்புதல் பயன்முறையுடன் மேப் ஆவது பின்வருமாறு:

gtag('consent', 'update', {
  'ad_storage': 'granted',
  'analytics_storage': 'granted',
  'ad_user_data': 'granted',
  'ad_personalization': 'granted',
});

தனிப்பயன் பிக்சல் எடுத்துக்காட்டு

கீழே Meta பிக்சலுக்கான குறியீட்டின் எடுத்துக்காட்டு கொடுக்கப்பட்டுள்ளது. மூன்றாம் தரப்புச் சேவை வழங்குநர் மற்றும் நீங்கள் தடமறிய விரும்பும் நிகழ்வுகளைப் பொறுத்துப் பிக்சல் குறியீடு மாறுபடும். கிடைக்கும் நிகழ்வுகளின் பட்டியலுக்கு வாடிக்கையாளர் நிகழ்வுக் குறிப்பைப் பார்க்கவும்.

தனிப்பயன் Meta பிக்சல் எடுத்துக்காட்டு

!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');

// replace YOUR_PIXEL_ID with the pixel ID provided by third-party
fbq('init', YOUR_PIXEL_ID);

// integrate third-party pixel tracking
analytics.subscribe("page_viewed", (event) => {
  fbq('track', 'PageView');
});

analytics.subscribe("product_viewed", (event) => {
  fbq('track', 'ViewContent', {
    content_ids:  [event.data?.productVariant?.id],
    content_name: event.data?.productVariant?.title,
    currency: event.data?.productVariant?.price.currencyCode,
    value: event.data?.productVariant?.price.amount,
  });
});

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

analytics.subscribe("product_added_to_cart", (event) => {
  fbq('track', 'AddToCart', {
    content_ids: [event.data?.cartLine?.merchandise?.productVariant?.id],
    content_name: event.data?.cartLine?.merchandise?.productVariant?.title,
    currency: event.data?.cartLine?.merchandise?.productVariant?.price?.currencyCode,
    value: event.data?.cartLine?.merchandise?.productVariant?.price.amount,
  });
});

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

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

analytics.subscribe("checkout_completed", (event) => {
  fbq('track', 'Purchase', {
    currency: event.data?.checkout?.currencyCode,
    value: event.data?.checkout?.totalPrice?.amount,
  });
});