دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۴
  • آبان

جلسه ۰۷-۰۱ : data layer در Google Tag Manager

  • دسته‌بندی‌ها :
جلسه ۰۷-۰۱ : data layer در Google Tag Manager
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با سلام خدمت دوستان عزیز و علاقمندان به مباحث آموزشی وب سایت پی وی لرن. با آموزش ابزار Google Tag Manager همراه هستیم. در بخش قبل پابلیش یک تگ رو داشتیم. در این جا و در بخش بررسی data layer در Google Tag Manager ، رویدادهای لایه داده را بیان نموده و سپس به بازرسی data layer در GTM می پردازیم. دوستان با ما و آموزش های ما همراه باشید.

      بررسی data layer در Google Tag Manager

      یک data layer را می توان به عنوان یک شیء نگه داشت که کلیه اطلاعات را برای انتقال و پردازش با Google Tag Manager در اختیار دارد. این یک مفهوم کمی فنی است. اصطلاح لایه داده برای مشخص کردن ساختار داده استفاده شده توسط Google Tag Manager برای ذخیره سازی ، پردازش و انتقال داده ها بین وب سایت یا وبلاگ شما و

      مدیر تگ استفاده می شود.

      برای توضیح بیش تر آن، یک data layer می تواند داده ها را به ابزار تحلیلی شما در مورد بازدید کننده تان وارد کند. با نگاهی دیگر به تعریف ، Data Layer در واقع لیستی از

      نیازهای تجاری و اهداف برای هر زیر مجموعه از زمینه دیجیتال است.

      اجازه دهید نمونه ای از وب سایت تجارت الکترونیک را مثال بزنیم ،

      الزامات تجاری ممکن است شامل موارد زیر باشد.

      • اطلاعات تراکنشی ، داشتن جزئیات در مورد آن چه خریداری شده است.
      • اطلاعات بازدید کنندگان ، در مورد این که چه کسی خریداری کرده است.
      • جزئیات دیگر در مورد خرید ، مانند خرید در کجا انجام شده است و در چه زمانی.
      • در آخر ، اطلاعات مربوط به سایر عوامل ، از جمله این که آیا بازدید کننده برای به روزرسانی های ایمیل مشترک شده است یا خیر.

      بنابراین،

      به طور خلاصه ، data layer حاوی اطلاعاتی است که در صورت لزوم می تواند توسط ابزارهای مختلف یا کاربران یا ذینفعان استفاده شود.

      در Google Tag Manager ، یک dataLayer آرایه JavaScript است. در زیر نمونه ای از DataLayer با انواع مختلف داده ها نشان داده شده است.

      مثال : 

      در این جا ، ما مقادیر مختلفی مانند مجموعه ای از اشیاء (محصولات) ، مقادیر عددی (قیمت) ، مجموعه ای از رشته ها (فروشگاه ها) ، یک شی تاریخ و یک شی (نام) را

      داریم.

      در قابل توجه است که، وقتی Google Tag Container Code را در وب سایت خود قرار می دهید ، لایه داده به طور خودکار ایجاد می شود.

      به خودی خود ، لایه داده یک مفهوم بسیار پیچیده است که در مرحله اول می توان آن را درک کرد. در این فصل بینش بیش تری در مورد نحوه تعامل با لایه داده ارائه می شود.

      رویدادهای data layer

      یک نمونه سریع از رویداد لایه داده ها ، فرم ثبت نام خبرنامه است که نمی توان آن را به راحتی با شنوندگان GTM ردیابی کرد. یک توسعه دهنده وب سایت می تواند شما را برای پیش برد یک رویداد data layer به محض این که مشترک جدید ایمیل خود در وب سایت شما وارد می کند ، پشتیبانی کند.

      کد این رویداد باید به این شکل باشد.

      مثال : 

      در صورت نیاز می توانید اطلاعات بیش تری از قبیل مکان فرم را از توسعه دهنده خود بخواهید.

      اگر بیش از یک فرم در وب سایت شما وجود داشته باشد ، این مورد لازم است.

      با استفاده از کد زیر قابل دستیابی می باشد.

      مثال : 

      همچنین ، Google Tag Manager مجموعه خاصی از مقادیر را به طور پیش فرض به لایه داده برنامه های وب سوق می دهد. این مقادیر به صورت زیر هستند.

      • gtm.js – به محض آماده شدن Google Tag Manager برای اجرا، به لایه داده فشار آورده می شود.
      • gtm.dom – وقتی DOM آماده است ، به لایه داده فشار آورده می شود.
      • gtm.load – وقتی پنجره به طور کامل بارگیری شد ، به لایه داده فشار وارد می کند.

      بازرسی data layer در GTM

      همان طور که از قبل می دانیم ، رویدادهای خاصی وجود دارد که در نتیجه هرگونه تعامل بر روی صفحه نمایش ایجاد می شود.

      به عنوان مثال ، اجازه دهید، رویداد بارگیری صفحه ساده را در نظر بگیریم. برای مشاهده رویدادها ، باید debugger را اجرا کنید. پس از اجرای debugger (در حالت پیش نمایش) ، به وبلاگ مراجعه کنید. به پنجره خلاصه در گوشه پایین سمت چپ نگاه کنید ،

      این همان چیزی است که خواهید دید.

       

      بازرسی data layer در GTM - بررسی data layer در Google Tag Manager

      بازرسی data layer در GTM – بررسی data layer در Google Tag Manager

      مرحله ۱ – روی Window Loaded و سپس Data Layer کلیک کنید.

      اطلاعات نشان داده شده در برگه Data Layer درباره رویداد Window Loaded است.

      به صورت {event: ‘gtm.load’, gtm.uniqueEventId: 3} نشان داده شده است.

      علاوه بر این ، اگر می خواهید نگاه دقیق تری داشته باشید ، باید از برگه ی console کروم پشتیبانی کنید. وقتی می دانید چگونه از debugger Chrome به روشی صحیح

      استفاده کنید ، بررسی لایه داده آسان می شود.

      مرحله ۲ – وقتی در وبلاگ خود هستید ، در هر قسمت از صفحه کلیک راست کنید. در زمینه منو نمایش داده شده، بر روی Inspect کلیک کنید. پانل در سمت راست صفحه

      نمایش داده می شود و زبانه Elements فعال می شود.

      مرحله ۳ – بر روی Console کلیک کنید.

      در حالت Console، روی نماد گوشه بالا سمت چپ کلیک کنید تا تمام پیام های نشان داده شده پاک شود.

      برای بهتر دیدن مطلب، تصویر زیر را مشاهده کنید.

       

      بازرسی data layer در GTM - بررسی data layer در Google Tag Manager

      بازرسی data layer در GTM – بررسی data layer در Google Tag Manager

      مرحله ۴ – پس از پاک شدن پنجره برای پیام های قبلی ، dataLayer را تایپ کنید ،

      اطمینان حاصل کنید که L را با حروف بزرگ نوشته اید.

      این نام توسط Google Tag Manager به لایه داده تان ارائه می شود.

      با این حال ، توسعه دهندگان ممکن است نام و نام خانوادگی دیگری را در صورت لزوم به آن ها اختصاص دهند.

      مرحله ۵ – enter را پس از dataLayer فشار دهید. جزئیات در زیر نشان داده شده است.

       

      بازرسی data layer در GTM - بررسی data layer در Google Tag Manager

      بازرسی data layer در GTM – بررسی data layer در Google Tag Manager

      سه شی وجود دارد و هر شیء حاوی اطلاعاتی است.

      حال ممکن است این اشیاء برای شما ، همان طور که در تصویر بالا نشان داده شده است، یکسان نباشد. DataLayer قابل تنظیم است و پیکربندی آن مطابق با نیاز، در اختیار

      توسعه دهنده است.

      مقادیری که وجود دارد ، ناشی از ابزارک Blogger است که در آن مکان / مکان خاص مورد استفاده قرار می گیرد. به همین دلیل است که اطلاعات مشخصی در آن جا وجود

      دارد.

      اگر به شی ۱ نگاه کنید ، متوجه می شوید که رویدادی که فعال شده است – gtm.dom است.

      در حین بارگیری صفحه توسط GTM فعال می شود.

      در این روش می توانید data layer ها را بازرسی کرده و در صورت نیاز اطلاعات را در آن اضافه کنید.

      ادامه ی مباحث رو در جلسه ی آینده داریم.

      کلام پایانی

      آموزش Google Tag Manager رو با بررسی data layer در Google Tag Manager ، رویدادهای لایه داده و سپس بازرسی data layer در GTM در این بخش به پایان

      می رسونیم.

      دوستان عزیز در قسمت بعدی متغیرها در data layer رو خواهیم داشت.

      از این که با این آموزش ها از سایت پی وی لرن همراه هستید متشکریم.

      QR:  جلسه ۰۷-۰۱ : data layer در Google Tag Manager
      به اشتراک بگذارید