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



  • ۲۴
  • آبان

جلسه ۰۶ : پابلیش یک تگ – Google Tag Manager

  • دسته‌بندی‌ها :
جلسه ۰۶ : پابلیش یک تگ – Google Tag Manager
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

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

      پابلیش یک تگ در Google Tag Manager

      ما در محیط debugger ، برچسب ها را ایجاد می کنیم ، اصلاح کرده و دیباگ می نماییم.

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

      برای این که تگ ها در وبلاگ زنده باشند ، باید برچسب ها را Publish کنیم. ما می خواهیم برچسب ها را Published کنیم تا این که همیشه حالت Preview را داشته باشیم.

      پابلیش برچسب ها بسیار ساده است.

      مرحله ۱ – بر روی دکمه SUBMIT در گوشه سمت راست بالای صفحه کلیک کنید.

      صفحه زیر را نشان می دهد.

       

      انتشار یک تگ

      انتشار یک تگ

      مرحله ۲ – نام Version قابل شناسایی را وارد کنید تا تغییرات ایجاد شده به راحتی درک شود.

      با توضیحات نسخه (version description)، می توانید تا حد امکان درباره تغییرات یا اضافه کردن برچسب در آن نسخه خاص توضیح دهید.

      مرحله ۳ – به قسمت Workspace Changes حرکت کنید ، تمام تغییرات ایجاد شده در برچسب ها را که یا منتشر نشده اند یا در حالت PREVIEW هستند، می بینید.

       

      پابلیش یک تگ در Google Tag Manager

      پابلیش یک تگ در Google Tag Manager

      به طور مشابه ، در Activity History ، می توانید درک دقیقی از تغییرات یا به روز رسانی هایی که از ابتدای زمان در حساب انجام شده اند ، به دست آورید.

      مرحله ۴ – نام نسخه ، توضیحات را ارائه دهید. ممکن است بخواهید نام نسخه را به عنوان First Version ارائه دهید و می توانید توضیحات را به عنوان First Google Tag

      Manager Update ارائه دهید.

      در این لحظه ، Publish to Environment as Live را رها خواهیم کرد. دلیل این امر این است که هنوز محیط دیگری جدا از Live نداریم.

       

      مرحله ۵ – بر روی PUBLISH کلیک کنید و خلاصه ای از نسخه خاص به شما ارائه می شود.

       

      پابلیش یک تگ در Google Tag Manager

      پابلیش یک تگ در Google Tag Manager

      به این ترتیب می توانید تغییرات انجام شده در فضای کاری را برای Google Tag Manager بایلیش کنید.

      می توانید از افزونه Google Chrome یعنی Google Tag Assistant استفاده کنید تا تگ ها بدون حالت پیش نمایش فعال شوند.

      ایجاد محیط (Environments) در Google Tag Manager

      روش های مختلفی وجود دارد که ما می توانیم محیطی را برای استفاده از Google Tag Manager پیکربندی کنیم.

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

      مرحله ۱ – برای مشاهده محیط های موجود در Google Tag Manager ، روی ADMIN کلیک کنید.

      مرحله ۲ – در قسمت Container ، روی Environments کلیک کنید.

       

      ایجاد محیط در Google Tag Manager

      ایجاد محیط در Google Tag Manager

      شما قادر خواهید بود صفحه را مطابق شکل بالا مشاهده کنید.

      به طور معمول ،

      شرکت های بزرگ نرم افزاری، وب سایت خود را در محیط های مختلف تقسیم می کنند تا روند پروسس یک ویژگی را آسان کنند. توسعه دهندگان، در وب سایت توسعه خود

      کار می کنند ، سپس ویژگی های تغییرات به سایت استیجینگ منتقل می شود.

      سرانجام ، هنگامی که تغییرات در سایت استیجینگ تأیید می شود ، تغییرات به محیط Live منتقل می شوند.

      در زمینه Google Tag Manager ، انعطاف پذیری برای اضافه کردن محیط های مختلف وجود دارد که به شما امکان می دهد تا قبل از قرار گرفتن در وب سایت Live ، برچسب

      خود را به طور کامل اعتبار دهید.

      برای این آموزش محیطی با نام Dev ایجاد خواهیم کرد.

      مراحل در زیر آورده شده است.

      مرحله ۳ – بر روی دکمه NEW به رنگ قرمز کلیک کنید.

      می توانید کادر گفتگوی زیر را ببینید.

       

      ایجاد محیط در Google Tag Manager

      ایجاد محیط در Google Tag Manager

       

      مرحله ۴ – جزئیات را مطابق شکل بالا پر کنید. ما وانمود خواهیم کرد که سایت dev ما همان سایتی است که در حال حاضر در آن مشغول به کار هستیم ، تا تغییرات را تحت

      کنترل قرار دهیم.

      مرحله ۵ – بر روی CREATE کلیک کنید صورت زیر فورا مشاهده می کنید.

       

      آموزش Google Tag Manager

      آموزش Google Tag Manager

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

      • استفاده از Share Preview Link

      وقتی این لینک مفید خواهد بود که می خواهید تیم ها بزرگ تر باشند ، می توانید تغییرات در تگ های خود را به اعضای تیم خود ارائه دهید.

      • با یک snippet

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

      مرحله ۶ – برای دیدن این موارد در PUBLISH TO DEV کلیک کنید. صفحه بعدی تغییرات موجود را در محیط تازه ایجاد شده درخواست می کند.

       

      آموزش Google Tag Manager

      آموزش Google Tag Manager

      تغییراتی که هنوز به محیط مربوط ارسال نشده اند نشان داده می شود. همچنین ، نام نسخه نشان داده شده است ، به طوری که کاربر مشخص کند کدام نسخه در محیط

      مربوطه منتشر شود.

      مرحله ۷ – برای دیدن تغییرات موجود در محیط تازه ایجاد شده ، روی PUBLISH Now کلیک کنید. این پیام موفقیت را با تمبر تاریخ و زمان نشان می دهد.

      از لیست محیط موجود ، بر روی نام محیط جدید کلیک کنید ، در مورد این جا Dev بود.

       

      آموزش Google Tag Manager - ایجاد محیط در Google Tag Manager

      آموزش Google Tag Manager – ایجاد محیط در Google Tag Manager

      گزینه های موجود برای به اشتراک گذاشتن پیوند محیط ، مطابق شکل زیر نمایش داده می شود.

       

      آموزش Google Tag Manager

      آموزش Google Tag Manager

      با استفاده از هر یک از روش های فوق ،

      شما قادر خواهید بود تغییرات موجود در برچسب خود را در محیط توسعه (Dev) خود مشاهده کنید.

      کلام پایانی

      در بخش پابلیش یک تگ در Google Tag Manager ، مراحل ایجاد محیط در Google Tag Manager رو مشاهده کردیم.

      Data Layer رو خواهیم داشت.

      با آموزش Google Tag Manager همراه باشید.

      QR:  جلسه ۰۶ : پابلیش یک تگ – Google Tag Manager
      به اشتراک بگذارید