PWA چیست؟ و چگونه فضای وب را تحت تاثیر قرار می‌دهد؟
PWA چیست

وب اپلیکیشن‌های پیش‌رونده در دنیای فناوری توجه‌ها را به خود جلب کرده است. این تکنولوژی در بازار جایگاه مناسبی به دست آورده و بسیاری از متخصصین در سرتاسر دنیا از آن بهره می‌برند. در این مطلب تلاش می‌کنیم تا به این دو سوال پاسخ دهیم: PWA چه ویژگی‌هایی دارد؟ و چگونه اثراتی از خود به جای می‌گذارد؟

PWAچیست؟

PWA مخفف عبارت وب اپلیکیشن‌های پیش‌رونده (progressive web apps) است. این عبارت اولین بار توسط گوگل در سال ۲۰۱۵ عنوان شد. بخش پیش‌رونده این تکنولوژی با رابط کاربری سروکار دارد که با گذر زمان برای ایجاد رابطه پیش‌رونده بین کاربران و اپلیکیشن مورد استفاده قرار می‌گیرد. موضوع چندان پیچیده نیست، PWA هنوز نوعی وب‌سایت است. PWA همانند یک اپلیکشین – تکنولوژی مبتنی بر مرورگر- به نظر‌ می‌آید. به عبارت دیگر یک کاربر می‌تواند به وب اپلیکیشن پیش‌رونده از طریق مرورگر – همانند دسترسی ما به سایر وب‌سایت‌ها – دسترسی داشته باشد. زمانی که یک کاربر آدرس این اپلیکیشن را وارد می‌کند سهولت کار با آن همانند سایر اپلیکیشن‌ها است با این تفاوت که لازم نیست آن را دانلود کرده و بر روی گوشی نصب کنیم.

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

وب اپلیکیشن پیش‌رونده چه کارهایی می‌تواند انجام دهد؟

امروزه تکنولوژی به حدی رشد کرده که وب اپلیکیشن‌های پیش‌رونده می‌توانند کارهایی که منحصر به اپلیکیشن‌های خاصی بود را انجام دهند. این کارها شامل دسترسی به دستگاه‌هایی است که دارای قابلیت‌های اصلی مربوط به کاربردهای اپلیکیشن مانند استفاده از دوربین، جی‌پی‌اس، استفاده از فایل‌ها، استفاده از میکروفن و غیره، هستند. این امر باعث می‌شود PWA در مقایسه با برنامه‌هایی که معمولا دارای باگ بوده و همراه با خطاهای زیادی هستند، راحت‌تر و قابل دسترس‌تر باشد. این عوامل باعث می‌شود شرکت توسعه اپلیکیشن‌های اندرویدی به تکنولوژی PWA علاقه‌مند شود.

وب اپلیکیشن پیش‌رونده چگونه تاثیراتی برجای می‌گذارد

تاکنون کاملا مشخص شده است که زمان بارگذاری هر داده‌ای در وب‌سایت، وب اپلیکشین پیش‌رونده از وب‌سایت‌های معمولی و اپلیکیشن‌ها که در سراسر دنیا استفاده می‌شوند، بسیار بهتر اجرا می‌شود. برای درک بهتر این موضوع به این نکات توجه کنید.

۱) حالت آفلاین

این ویژگی یکی از خارق‌العاده‌ترین ویژگی‌های وب اپلیکیشن پیش‌رونده است که با کمک تکنولوژی و سرویس ورکر (service worker) در دسترس قرار می‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌گیرد. همیشه تمامی محتوا در وب اپلیکیشن پیش‌رونده با اولین بازدید و در مدت زمان اندکی از قبل باگذاری شده و پس از آن توسط جاواسکریپت به نمایش در می‌آیند. این دلیلی است که اپلیکیشن را در حالت آفلاین پویا و دسترس‌پذیر کرده است. پس از بارگذاری در اولین بار هرگز از سرور برای شما درخواست ارسال نمی‌شود. اما باید به خاطر داشت اگر در گذشته هرگز از آن صفحه بازدید نکرده‌اید، حالت آفلاین کارایی ندارد. برای فعال شدن این ویژگی باید حداقل یک بار از PWA بازدید کرده باشید.

۲) عملکرد صفحه اصلی

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

نتیجه

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

منبع:

customerthink.com

مطالب مرتبط
آموزش گوگل اپتیمایز
گوگل اپتیمایز (Google Optimize) چیست؟

گوگل اپتیمایز یکی ابزارهای بهینه‌سازی وب‌سایت است که توسط گوگل طراحی و به بازار ارائه شده است. گوگل اپتیمایز بستری کاربردی برای اجرای انواع مختلف تست‌های A/B  است که در آن می‌توان به‌صورت هم‌زمان 5 تست را بر روی سایت آنالیز و بررسی کرد. این ابزار رایگان گوگل (که البته نسخه پولی آن با امکانات بیشتر نیز برای کسب‌وکارهای بزرگ وجود دارد) با ابزارهای بهینه‌سازی پولی و گران قیمتی همچون VWO، Optimizely و Adobe Target به‌خوبی رقابت می‌کند. آنچه در این مقاله می‌خوانیم: گوگل اپتیمایز چه کاربردی دارد؟ نحوه نصب گوگل اپتیمایز نصب گوگل اپتیمایز با گوگل تگ منیجر انواع آزمایش‌های گوگل اپتیمایز تست A/B تست‌های چند متغیره (Multivariate tests) تست‌های تغییر مسیر (Redirect tests) سفارشی‌سازی (Personalization) قالب بنر (Banner Template) گوگل اپتیمایز چه کاربردی دارد؟ بازاریابی در بستر دیجیتال با بهینه‌سازی دائم و مستمر کانال‌های دیجیتال گره خورده است؛ با گوگل اپتیمایز می‌توان اکثر تست‌ها و آزمایش‌های موردنیاز برای بهبود عملکرد سایت را به صورتی کاربردی انجام داد. تا جایی که دوست دارید نیز می‌توانید تست‌ها موردنظرتان را سفارشی‌سازی کنید. خلاصه کاربردهای گوگل اپتیمایز:-    ایجاد و پیاده‌سازی آزمایش‌ها و تست‌ها بر روی سایت-    آزمایش کردن فرضیه‌هایتان با کمک تست‌های گوگل اپتیمایز-    ارزیابی نتایج آزمایش‌ها با کمک گزارش‌های گوگل اپتیمایز-    پیاده‌سازی دائم تغییرات (تغییراتی که نتایج خوبی داشته‌اند) در وب‌سایتیعنی چنانچه رنگ دکمه CTA را از طریق گوگل اپتیمایز تغییر داده‌اید و بر روی نرخ تبدیل وب‌سایت تأثیر مثبتی داشت؛ می‌توانید آن صفحه را از حالت آزمایشی درآورده و به‌عنوان نسخه اصلی به‌تمامی کاربران سایت نمایش دهید.-    بهینه‌سازی مجدد در صورت نیاز نحوه نصب گوگل اپتیمایز برای راه‌اندازی گوگل اپتمایز لازم است Google Optimize Sign up را در گوگل سرچ کرده و یا بر روی لینک گوگل اپتیمایز کلیک کنید. به یاد داشته باشید که گوگل اپتیمایز همانند سایر محصولات گوگل به یک حساب جی میل نیاز دارد. پس قبل از شروع فرایند لازم است وارد حساب جی میل خود شوید.صفحه ورود گوگل اپتیمایز همانند تصویر زیر است که البته پس از مدتی ممکن است تغییراتی داشته باشد: با کلیک بر روی Get Started به صفحه تنظیمات ایمیل وارد می‌شویم؛ اینکه گوگل اپتیمایز چه نوع ایمیل‌هایی را برای شما ارسال کند: با کلیک بر روی Next گوگل اپتیمایز، به صفحه سیاست‌های به اشتراک‌گذاری داده‌های وب‌سایت با گوگل و نیز انتخاب کشور به شرح تصویر زیر ارجاع داده می‌شوید؛ کشور ایران در لیست قرار ندارد که به‌جای آن می‌توانید یکی از کشورهای همسایه را انتخاب کنید: با کلیک بر روی دکمه Done صفحه زیر نمایش داده می‌شود: به همین راحتی اکانت گوگل اپتیمایز شما ایجاد شده شد. حال باید گوگل اپتیمایز را به گوگل آنالیتیکس لینک کنیم (از قبل باید حساب گوگل آنالیتیکس داشته باشید؛ چنانچه حساب گوگل آنالیتیکس ندارید و نمی‌دانید چیست می‌توانید کتاب الکترونیکی آموزش گام‌به‌گام و تصویری گوگل آنالیتیکس را به‌صورت رایگان دانلود کنید). با لینک کردن این دو به هم در واقع داده‌های این دو  ابزار را با هم به اشتراک می‌گذاریم و می‌توانیم از آنها برای تست‌هایی دلخواه استفاده کنیم.بر روی دکمه Lets Go کلیک کرده و به صفحه زیر می‌رویم:  بر روی دکمه Link to Analytics کلیک کرده و Property مورد نظر به همراه View که قصد داریم داده‌ها را بر روی آن ذخیره کنیم؛ انتخاب می‌کنیم.   با کلیک بر روی دکمه Link، آی دی و اسکریپت کنتینر گوگل اپتمایز ایجاد می‌شود که برای نصب آن می‌توانیم به‌صورت دستی اسکریپت را در روت سایت قرار داد و یا از گوگل تگ منیجر استفاده کنیم؛ به خاطر سادگی فرایند در این مقاله از گوگل تگ منیجر استفاده می‌کنیم. چنانچه قبلا گوگل تگ منیجر را نصب نکرده‌اید مقاله نصب و آموزش گوگل تگ منیجر را دنبال کنید. نصب گوگل اپتیمایز با گوگل تگ منیجر برای نصب گوگل اپتیمایز ابتدا پنل گوگل تگ منیجر را باز ‌کنیم؛ بر روی New Tag کلیک کرده و نام آن را به Google Optimize تغییر می‌دهیم؛ سپس بر روی Tag Configuration کلیک کرده و از لیست پیشنهادی گزینه Google Optimize را انتخاب می‌کنیم: برای نصب گوگل اپتیمایز از طریق گوگل تگ منیجر، تنها به ID کنتینر گوگل اپتیمایز احتیاج داریم که در تصویر بالا مشخص شده بود. گوگل اپتیمایز کنتینر ID را کپی کرده و در جای خود پیست می‌کنیم. همچنین از بخش Google Analytics Settings متغیر گوگل آنالیتیکس را انتخاب می‌کنیم: حال روی Track Type کلیک کرده و Advanced Setting رو انتخاب کرده و از قسمت Tag firing  گزینه Option Once Per Page را انتخاب می‌کنیم. از قسمت Tag Sequencing نیز گزینه Select a Tag  را انتخاب کرده و بر روی گوگل اپتمایز کلیک می‌کنیم و در نهایت آن را ذخیره می‌کنیم.به دلیل پیچیدگی‌ها در این بخش دیگر کاری به تریگر نداریم و تگ را ذخیره می‌کنیم. تبریک! فرایند نصب گوگل اپتیمایز از طریق گوگل تگ منیجر در اینجا به پایان رسید تنها لازم است از بخش Preview گوگل تگ منیجر، درستی نصب گوگل اپتیمایز را بررسی کنیم که نحوه کار با آن نیز در مقاله آموزش نصب گوگل تگ منیجر قبلا توضیح داده شده است. در مورد تریگرها هم باید گفت پیاده‌سازی آنها در بخش ایجاد آزمایش‌های جدید انجام خواهند شد، که در مقالات بعدی با جزئیات آنها را توضیح خواهیم داد:   انواع آزمایش‌های گوگل اپتیمایز با کمک گوگل اپتیمایز می‌توان آزمایش‌های مختلفی بر روی وب‌سایت انجام داد؛ تمامی آزمایش‌های گوگل اپتیمایز را می‌توان در 4 دسته خلاصه کرد: تست A/B تست A/B یک تست تصادفی است که در آن دو یا چند نسخه از صفحه‌ای مشابه در وب‌سایت (نسخه A و نسخه B) را با هم مقایسه و بررسی می‌کنیم. نسخه A، نسخه اصلی نامیده می‌شود. نسخه B همان نسخه A است که در آن ‌یک یا چندین المان تغییر کرده است. به‌عنوان‌مثال فرض کنید در صفحه خرید فرمی قرار داده شده است؛ در فرم نسخه A صفحه خرید نوشته شده: «هم اکنون بخرید» ولی در نسخه B آن را تغییر می‌دهیم و می‌نویسم: «الان می‌خرم». یا در نسخه A رنگ دکمه آبی است اما در نسخه B آن را به رنگ قرمز تبدیل می‌کنیم: هر دو نسخه صفحه به‌صورت هم‌زمان به کاربران نمایش داده می‌شود تا تأثیر عوامل خارجی را از آن حذف کنیم. همچنین با کمک تارگتینگ، می‌توان نسخه‌های مختلف را به مخاطبان خاصی نمایش داد. بهینه‌سازی به ما کمک می‌کند تا نسخه‌ای که نرخ تبدیل بیشتری داشته را تشخیص و از این بعد؛ نسخه بهتر را مورد استفاده قرار دهیم. تست‌های چند متغیره (Multivariate tests) در تست‌های چند متغیره (MVT) دو یا چندین المان را به‌صورت هم‌زمان تغییر می‌دهیم و تأثیرات آنها را با هم مقایسه می‌کنیم. به‌جای اینکه بفهمیم کدام نسخه صفحه (همچون A/B Test) مؤثرتر بوده، تست‌های چند متغیره مؤثرترین نوع هر المان را مشخص می‌کند. همچنین ترکیب و تعامل بین المان‌ها را باهم تجزیه‌وتحلیل می‌کند. تست‌های چند متغیره برای بهینه‌سازی جوانب مختلف صفحات لندینگ کاربرد زیادی دارند. برای مثال به تصویر زیر دقت کنید: در این مثال می‌توانیم دو نوع هدلاین (یعنی تگ H1 به‌عنوان نسخه اصلی و تگ H2 به‌عنوان نسخه آزمایشی) و سه نوع تصویر دلخواه (یعنی A به‌عنوان تصویر اصلی، B و C نیز به‌عنوان تصاویر آزمایشی) را به‌صورت هم‌زمان با هم مقایسه کنیم که:-    بررسی دو بخش با هم (هدلاین و تصاویر) با-    3 نسخه تصاویر و 2 نسخه هدلاین -    و 6 ترکیب (حاصل‌ضرب نسخه‌ها و بخش‌های مختلف)به ما می‌دهد تا کارایی آنها را مورد بررسی قرار دهیم. تست‌های تغییر مسیر (Redirect tests) تست تغییر مسیر که به Split URL Test نیز مشهور است نوعی از تست‌های A/B است که در آن امکان مقایسه و بررسی دو صفحه مختلف با آدرس‌های متفاوت را به ما می‌دهد. در تست‌های تغییر مسیر، نسخه‌های مختلف به‌جای تغییر المان‌ها با تغییر URL ساخته می‌شوند. تست ریدایرکت زمانی به کار می‌آید که می‌خواهیم دو نوع مختلف لندینگ پیج یا صفحات محصول را با هم مقایسه و بررسی کنیم. برای مثال به تصویر زیر توجه کنید: در تصویر بالا دو نوع صفحه محصول که URLهای مختلفی نیز دارند را با هم تست می‌کنیم:-    نسخه اصلی می‌تواند این آدرس باشد: Dimarknet.com/landing01-    نسخه آزمایشی نیز می‌تواند Dimarknet.com/landing01 یا product/dimarknet.com/landing02 باشد سفارشی‌سازی (Personalization) در این آزمایش صفحات را برای مخاطبان هدف سفارشی‌سازی می‌کنیم تا بسته به نیاز مخاطبان صفحه مورد نظرشان را به آنها نمایش دهیم، با این کار میزان تعامل و نرخ تبدیل به شدت افزایش می‌یابد. به زبان ساده سفارشی‌سازی مجموعه‌ای از تغییرات بر روی وب‌سایت است که تنها برای گروه خاصی از مخاطبان (مثلاً مخاطبانی که در تهران هستند) نمایش داده می‌شود. قالب بنر (Banner Template) این بخش برای اضافه کردن بنر اطلاع‌رسانی به قسمت بالای سایت در نظر گرفته شده است. فرض کنید ساعت و شرایط کاری شرکتتان در دوران کرونا دچار تغییرات مستمری می‌شود، برای اطلاع‌رسانی می‌توانید از این آزمایش استفاده کنید. این بنر را می‌توان تنها در صفحات خاصی از وب‌سایت نمایش داد و همچنین رنگ، متن، تصویر و ... مختلفی را برای کاربران به نمایش گذاشت. نتیجه گوگل اپتیمایز ابزاری رایگان و بسیار قدرتمند برای تست کارایی صفحات وب‌سایت است که انعطاف‌پذیری بالایی دارد. بهینه‌سازی‌ها با ما کمک می‌کنند تا بودجه کسب‌وکار و مخصوصاً بودجه تبلیغاتی را به روشی بسیار بهینه تخصیص دهیم. همچنین با کمک آن می‌توان پیشنهادهایی نیز به تیم تولید محصول و خدمات به تفکیک هر دسته از مخاطبان ارائه داد.

ادامه مطلب
بخش ادمین گوگل تگ منیجر
آموزش بخش ادمین گوگل تگ منیجر GTM Admin

گوگل تگ منیجر ابزاری قدرتمند برای رصد و اندازه‌گیری عملکرد سایت و اپلیکیشن است. همانند سایر پلتفرم‌ها در گوگل تگ منیجر نیز بخشی با عنوان ادمین (Admin) وجود دارد که برای مدیریت حساب‌ها و نیز تغییرات مدنظر قرار داده شده که در این مقاله به‌صورت تصویری تمام بخش‌های آن را بررسی می‌کنیم. آنچه در این مقاله می‌خوانید: ادمین گوگل تگ منیجر تنظیمات حساب GTM (Account Settings) فعالیت حساب GTM (Account Activity) حذف و اضافه کردن کاربر به حساب GTM (User Permission) تنظیمات کنتینر (Container Settings) GTM فعالیت کنتینر GTM (Container Activity) دسترسی کنتینر GTM (Container Permission) کد گوگل تگ منیجر (Install Google Tag Manager) واردکردن فایل کنتینر (Import Container) خروجی گرفتن از کنتینر (Export Container) لینک حساب‌های خارجی GTM (External Account Links) بستر نرم‌افزاری GTM (Environments) نوتیفیکیشن کنتینرها GTM (Container Notifications)   ادمین گوگل تگ منیجر بخش ادمین گوگل تگ منیجر از 2 قسمت تشکیل شده است: قسمت حساب (Account) و قسمت کنتینر (Container). به تصویر زیر دقت کنید: 1-    با کلیک بر روی علامت + پنجره ایجاد حساب جدید (Create New Account) باز می‌شود. نحوه ایجاد حساب را در بخش چگونگی نصب گوگل تگ منیجر به‌صورت تصویری آموزش داده‌ایم چنانچه با نحوه ایجاد حساب گوگل تگ منیجر آشنا نیست به این مقاله مراجعه کنید.2-    این اعداد و حروف آی دی کنتینر گوگل تگ منیجر است. در مقاله اصطلاحات گوگل تگ منیجر گفتیم که هر کنتینر یک آی دی کنتینر دارد که در کد گوگل تگ منیجر که بر روی وب‌سایت قرار داده شده نیز آمده است.3-    کلیک بر روی علامت + این بخش پنجره ایجاد کنتینر جدید را باز می‌کند. تمامی تگ‌ها، تریگرها و متغیرهایی که تعریف می‌کنید در یک ظرفی به نام کنتینر ذخیره می‌شوند. به خاطر داشته باشید هر شرکت یک حساب ایجاد می‌کند اما ممکن است چندین سایت داشته باشد؛ پس لازم است برای هر سایت یا اپلیکیشن یک کنتینر ایجاد شود. به تصویر زیر دقت کنید: با تکمیل موارد خواسته شده بالا و کلیک بر روی دکمه ایجاد (Create) گوگل تگ منیجر تکه کدهای جاوا اسکریپتی را به ما نشان می‌دهد که باید بخشی را در head سایت و بخشی دیگر را در قسمت Body سایت جاگذاری کنیم و سپس بررسی کنیم که آیا نصب به درستی انجام شده است یا خیر. چون تمامی مراحل گفته شده را در این مقاله تشریح کرده‌ایم (در مقاله بخش ایجاد حساب و تنظیمات کنتینر با هم بوده لذا آموزش داده شده برای ایجاد کنتینر به‌صورت جداگانه نیز صادق است) از توضیح دوباره آن خودداری می‌کنیم. تنظیمات حساب GTM (Account Settings) در بخش تنظیمات حساب گوگل تگ منیجر است که می‌توانید نام حساب را تغییر دهید. آی دی حساب گوگل تگ منیجر نیز در این بخش قابل‌دسترس است اما نمی‌توان تغییری در آن ایجاد کرد. چنانچه بخواهید حساب گوگل تگ منیجر را حذف کنید می‌توانید از این قسمت اقدام کنید؛ لازم است بر روی سه نقطه عمودی گوشه بالا سمت راست کلیک کرده و دکمه حذف (Delete) را بفشارید. به تصویر زیر دقت کنید: در بخش کشور (Country) کشوری که هنگام نصب گوگل تگ منیجر انتخاب کرده‌اید نمایش داده می‌شود. دو گزینه، زیر این قسمت وجود دارد:1- به اشتراک گذاری داده‌های سایت به صورتی که اطلاعات سایت شما نمایش داده نخواهد شد. این اطلاعات برای بخش الگوبرداری (Benchmarking) است که از گوگل آنالیتیکس قابل‌دسترس است و در آن شرکت می‌تواند عملکرد خود را با شرکت‌هایی که هم‌اندازه و در یک حوزه مشابه فعالیت می‌کنند، مقایسه کند تا بتواند نقاط ضعف و قوت سایت و همچنین تبلیغات آنلاین را مشخص و در بهبود آن تلاش کند. چنانچه به این موضوع علاقه دارید پیشنهاد می‌کنیم بخش بنچمارکینگ مقاله مخاطبان گوگل آنالیتیکس را مطالعه کنید. 2- فعال سازی ورود دو مرحله ای برای انجام عملیاتی خاص همچون تنظیمات بخش کاربران یا ویرایش کدهای جاوا اسکریپتی یا تگ کاستوم HTML در گوگل تگ منیجر طراحی شده است. بقیه موارد مربوط به قبول قوانین و مقررات همچون GDPR و CCPA است که در مقاله نصب گوگل تگ منیجر به توضیح آنها پرداخته‌ایم. فعالیت حساب GTM (Account Activity) این بخش تمامی فعالیت‌هایی که بر روی حساب و کنتینر از زمان ایجاد حساب گوگل تگ منیجر انجام شده را نمایش می‌دهد. اطلاعاتی که در این بخش ارائه شده شامل ایمیل کاربر، فعالیت انجام شده (حذف، اضافه و ...)، نوع تغییرات، نام کاربر و زمان ایجاد تغییرات بوده است. تصویر زیر جزئیات این بخش را نمایش می‌دهد: حذف و اضافه کردن کاربر به حساب GTM (User Permission) چنانچه بخواهید به کاربری اجازه دسترسی (Account Permission) به گوگل تگ منیجر را صادر کنید باید از بخش دسترسی حساب گوگل تگ منیجر این کار را انجام دهید. به تصویر زیر نگاه کنید: برای افزودن کاربر جدید به حساب گوگل تگ منیجر باید بر روی علامت + آبی رنگ کلیک کرد. گوگل تگ منیجر امکان افزودن کاربر به‌صورت تکی و به‌صورت گروهی را فراهم آورده است. برای افزودن کاربران گروهی لازم است حساب سازمان (Organization) ایجاد کرده باشید و اکانت گوگل تگ منیجر را به آن لینک دهید که برای شرکت‌های بزرگ که دارای چندین سایت و اپلیکیشن و چندین تیم جداگانه هستند مناسب است. همان‌طور که گفته شد برای افزودن یک کاربر بر روی دکمه + آبی رنگ کلیک کرده و سپس بر روی Add Users کلیک می‌کنیم. تصویر زیر نمایش داده می‌شود: 1-    آدرس ایمیل کاربر موردنظر را وارد می‌کنیم.2-    سطح دسترسی کاربر به گوگل تگ منیجر را در این بخش مشخص می‌کنیم: چهار سطح در گوگل تگ منیجر تعریف شده است:الف) انتشار (Publish): کاربر می‌تواند کنتینر مورد نیاز خود را ایجاد و منتشر کندب) تائید (Approve): کاربر می‌تواند کنتینر ایجاد کندج) ویرایش (Edit): کاربر می‌تواند فضای کاری (Workspace) و تگ‌ها، تریگرها و متغیرها را ویرایش کند اما نمی‌تواند اجازه دسترسی به کاربران دیگر را ویرایش کندد) خواندن (Read): کاربر می‌تواند تنها تگ‌ها، تریگرها و متغیرها را مشاهده کند پس از پایان تنظیمات و ویرایش موردنظر می‌توان بر روی دکمه دعوت (Invite) کلیک کرد تا مجوز دسترسی به حساب گوگل تگ منیجر برای کاربر ایمیل شود. کاربرانی که به حساب گوگل تگ منیجر افزوده می‌شوند می‌توانند یکی از سه نقش زیر را داشته باشند:1- سرپرست (Administrator): که می‌تواند کنتینر جدید ایجاد کند و سطح دسترسی کاربران را برای حساب و همچنین کنتینرها ویرایش کند2- کاربر (User): که می‌تواند اطلاعات پایه‌ای حساب را مشاهده کند3- ادمین کاربر سازمان (Org User Admin): این کاربر سرپرست حساب سازمانی است و بالاترین رده به حساب می‌آید که می‌تواند ببینید چه کاربری چه سطح از دسترسی دارد و می‌تواند هر کدام از کاربران و ادمین‌ها را حذف کند. برای حذف کاربر از حساب گوگل تگ منیجر نیز بر روی سه نقطه عمودی که در انتهای ردیف نام هر کاربر آمده کلیک می‌کنیم و دکمه Remove User را می‌زنیم. تنظیمات کنتینر (Container Settings) GTM در بخش تنظیمات کنتینر می‌توان نام کنتینر را ویرایش کرد. پلتفرم هدف (Target Platform) یعنی همان بخشی که بین وب‌سایت، اپلیکیشن و ... وب‌سایت را انتخاب کردیم نیز در این بخش نمایش داده می‌شود اما قابلیت ویرایش ندارد. از این بخش نیز می‌توان با کلیک بر روی سه نقطه عمودی بالای صفحه سمت راست کنتینر را حذف کرد. فعالیت کنتینر GTM (Container Activity) فعالیت کنتینر همانند بخش فعالیت اکانت است که در بالا توضیح دادیم، با این تفاوت که فقط فعالیت‌های بخش کنتینر را نمایش می‌دهد. دسترسی کنتینر GTM (Container Permission) مدیریت کاربران (User Management) بخش کنتینر کامل شبیه به بخش مدیریت کاربران بخش حساب است که در بالا توضیح دادیم با این تفاوت که کاربران بخش کنتینر را می‌توانیم ویرایش یا حذف و اضافه کنیم و نه کاربران بخش اکانت را. کد گوگل تگ منیجر (Install Google Tag Manager) چنانچه به قطعه کد جاوا اسکریپتی که برای نصب گوگل تگ منیجر از آن استفاده کرده‌اید نیاز داشته باشید می‌توانید با کلیک بر روی این بخش آن را مشاهده کنید، گوگل تگ منیجر در این بخش آن را به شما نشان می‌دهد. واردکردن فایل کنتینر (Import Container)  چنانچه بخواهید فایلی که از یک کنتینر دیگر خروجی گرفته‌اید را در کنتینر این حساب آپلود کنید باید به این بخش گوگل تگ منیجر وارد شوید. تگ منیجر بخشی را برای اضافه کردن کنتینر در یک کنتینر جدید و یا جایگزین کردن آن با کنتینر موجود همانند تصویر زیر قرار داده است: خروجی گرفتن از کنتینر (Export Container) چنانچه بخواهید از یک کنتینر یا ورژن گوگل تگ منیجر خروجی بگیرید می‌توانید از این قسمت اقدام کنید؛ گوگل تگ منیجر این خروجی را در قالب فایل JSON ارائه می‌دهد. لینک حساب‌های خارجی GTM (External Account Links) در این بخش می‌توانید درخواست‌های لینک و فعالیت‌های یک اکانت خارجی را تائید کنید. با کمک این ویژگی دیگر لازم نیست تگ اکانت‌های خارجی را در گوگل تگ منیجر جاگذاری کنید. به‌عنوان‌مثال چنانچه از سیستم دابل کلیک (DoubleClick) گوگل استفاده کنید می‌توانید از این سیستم درخواستی برای لینک شدن به گوگل تگ منیجر ارسال و از بخش صف تأییدی (Approval Queue) گوگل تگ منیجر آنها را مشاهده و تائید یا حذف کنید. بستر نرم‌افزاری GTM (Environments) این بستر نرم‌افزاری به شما اجازه می‌دهد تا محیط‌های مختلفی را برای آزمایش و انتشار تگ‌ها تعیین و مشخص کنید. سازمان‌هایی که می‌خواهند تغییرات کنتینر را در محیطی آزمایشی و قبل از انتشار نهایی ببینند می‌توانند از این ویژگی بهره ببرند. نوتیفیکیشن کنتینرها GTM (Container Notifications) چنانچه بخواهید هر زمانی که یک ورژن جدید در گوگل تگ منیجر ایجاد و یا منتشر شد با خبر شوید می‌توانید این بخش را فعال کرده تا تغییرات به‌صورت ایمیلی برای شما ارسال شود. نتیجه این مقاله چهارمین مقاله از مجموعه مقالات آموزش تصویری گوگل تگ منیجر است. در مقاله اول نصب گوگل تگ منیجر را تشریح کردیم، در مقاله دوم اصطلاحات رایج گوگل تگ منیجر را توضیح دادیم، مقاله سوم به آموزش کار با پنل گوگل تگ منیجر پرداخت و در مقاله کنونی نیز بخش تنظیمات و ادمین گوگل تگ منیجر را آموزش دادیم. در مقالات آینده نحوه لینک کردن ابزارهای مفید همچون هاتجر به گوگل تگ منیجر و نیز رصد کردن دکمه‌ها و بخش‌های خاصی از عملکرد سایت را بررسی می‌کنیم؛ با ما همراه باشید.

ادامه مطلب
آموزش پنل گوگل تگ منیجر
آموزش کامل پنل گوگل تگ منیجر Google tag manager

گوگل تگ منیجر یک سیستم مدیریت تگ (Tag Management System) است که کدهای ره‌گیری و اندازه‌گیری را به سایت و اپلیکیشن اضافه و یا آنها را آپدیت می‌کند. در مقالات قبلی نحوه نصب گوگل تگ منیجر و نیز اصطلاحات رایج و پرکاربرد گوگل تگ منیجر را آموزش دادیم. حال نحوه کار با پنل گوگل تگ منیجر را به‌صورت کامل و تصویری بررسی خواهیم کرد. آنچه در این مقاله می‌خوانید: صفحه اصلی گوگل تگ منیجر آموزش بخش فضای کاری (GTM) Workspace بخش خلاصه (Overview) گوگل تگ منیجر بخش تگ‌ها (Tags) گوگل تگ منیجر بخش تریگرها (Triggers) گوگل تگ منیجر بخش متغیرها (Variables) گوگل تگ منیجر بخش فولدرها (Folders) گوگل تگ منیجر بخش قالب‌های (Templates) گوگل تگ منیجر آموزش بخش ورژن ها (GTM) Versions صفحه اصلی گوگل تگ منیجر هنگامی‌که گوگل تگ منیجر را به‌درستی نصب کرده باشیم می‌توانیم از این آدرس و با کلیک بر روی دکمه «Start for free» وارد پنل گوگل تگ منیجر شویم. گوگل تگ منیجر ابتدا صفحه کنتینر را به ما نمایش می‌دهد اما لازم است قبل از آن با صفحه Home گوگل تگ منیجر آشنا باشیم. به تصویر زیر دقت کنید:1- چنانچه چندین اکانت داشته باشیم در این بخش می‌توانیم اکانت مورد نظر را انتخاب کنیم.2- در این بخش می‌توانیم اکانت جدیدی برای گوگل تگ منیجر بسازیم.3- این قسمت شامل نام کنتینر، نوع کنتینر و آی دی کنتینر است. کلیک بر روی آیکون چرخ‌دنده ما را به بخش ادمین و تنظیمات گوگل تگ منیجر هدایت می‌کند که در مقاله بعدی به آن خواهیم پرداخت. آیکون سه نقطه بالا مربوط به بخش اکانت و سه نقطه پایین مربوط به بخش کنتینر است. با کلیک بر روی نام کنتینر به صفحه کنتینر گوگل تگ منیجر وارد می‌شویم. آموزش بخش فضای کاری (GTM) Workspace نسخه رایگان گوگل تگ منیجر تنها اجازه ساخت 3 فضای کاری (Workspace) را به کاربر می‌دهد. به تصویر زیر دقت کنید: 1- همانطور که از تصویر مشخص است این بخش دارای سه قسمت است: الف) فضای کاری (Workspace) که بخش اصلی گوگل تگ منیجر به شمار می‌رود ب) ورژن ها (Versions) که تاریخچه تمام تغییرات کنتینر را نمایش می‌دهد ج) ادمین (Admin) که بخش تنظیمات کلی گوگل تگ منیجر همچون اکانت و کنتینر را شامل می‌شود. 2- این بخش شامل آی دی کنتینر، تعداد تغییرات صورت گرفته فضای کاری، پیش‌نمایش (Preview) و ارسال (Submit) است. زمانی که تگی را به گوگل تگ منیجر اضافه کنیم ابتدا پیش‌نمایش را می‌زنیم؛ خطاهای احتمالی را مشاهده و برطرف می‌کنیم و سپس دکمه ارسال (Submit) را فشار می‌دهیم. اگر مشکلی وجود نداشته باشد در نهایت می‌توان بر روی دکمه انتشار (Publish) کلیک کرد. در نظر داشته باشید تا قبل از انتشار تگ، هیچ داده‌ای رصد و اندازه‌گیری نخواهد شد. 3- بخش فضای کاری (Workspace) گوگل تگ منیجر 6 زیرمجموعه به شرح زیر دارد:   بخش خلاصه (Overview) گوگل تگ منیجر بخش Overview خلاصه‌ای از وضعیت کلی گوگل تگ منیجر را در اختیار قرار می‌دهد؛ تصویر زیر را مشاهده کنید: 1- برای اضافه کردن تگ جدید بر روی این دکمه کلیک می‌کنیم که در ادامه آن صفحه‌ای باز می‌شود که لازم است عنوان تگ، تنظیمات تگ و تریگر مورد نظر انتخاب شود.2- تنظیمات فضای کاری، لیست تغییرات فضای کاری و تاریخچه فعالیت‌ها در این 2 بخش که در تصویر مشخص شده نشان داده می‌شود.3- نام کنتینر، آخرین آپدیت صورت گرفته، تعداد تغییرات و زمانی که تغییرات انجام شده در این بخش نمایش داده می‌شود. از این بخش نیز می‌توان کنتینر جدیدی اضافه کرد.4- با کلیک بر روی این بخش به قسمت ورژن ها (Versions) هدایت می‌شویم.5- همانطور که از نام آنها نیز مشخص است تغییرات کنتینر و تاریخچه فعالیت‌ها دوباره در این قسمت تکرار شده است.   بخش تگ‌ها (Tags) گوگل تگ منیجر تگ را در مقاله قبل توضیح دادیم؛ برای پلتفرم‌های مختلف همچون هاتجر، گوگل آنالیتیکس و ... تگ‌های پیش‌فرضی وجود دارد که می‌توان آنها را انتخاب کرد. چنانچه تگ‌های پیش‌فرض نیاز کاربر را پاسخ ندهد تگی به نام «Custom HTML» یا تگ سفارشی وجود دارد که می‌توان کد تگ موردنظرتان را در این بخش وارد و سپس تگ را به وب‌سایت یا اپلیکیشن اضافه کنید. دکمه‌ای با نام «New» برای ایجاد تگ در این صفحه نیز وجود دارد. به تصویر زیر نگاه کنید: 1- نام تگ‌ها در این بخش لیست شده است؛ برای هر تگ (حتی تگ‌های پیش‌فرض) می‌توانید نام دلخواه خود را برای آن انتخاب کنید.2- نوع تگ‌ها در این بخش لیست شده است، منظور از نوع تگ همان پلتفرمی است که با کمک آن داده‌ها را ره‌گیری و اندازه‌گیری می‌کنیم.3- وضعیت فعال شدن تریگرها در این بخش لیست شده است. به‌عنوان‌مثال منظور از تریگر «All Pages» آن است که تگ در تمامی صفحات وب‌سایت اجرا شود.4- می‌توان تگ‌ها و تریگرها را فولدر بندی کرد؛ این گزینه برای شرکت‌های بزرگ که چندین تیم هم‌زمان بر روی گوگل تگ منیجر کار می‌کنند مناسب است.5- چنانچه واضح است زمان آخرین تغییرات را نمایش می‌دهد. بخش تریگرها (Triggers) گوگل تگ منیجر تریگر و کارکرد آن را در مقاله اصطلاحات رایج گوگل تگ منیجر توضیح دادیم. این بخش نیز همانند بخش قبلی یعنی تگ‌ها است و می‌توان با کلیک بر روی دکمه «New» تریگر جدیدی تعریف کرد. به تصویر زیر دقت کنید: 1- همانند تگ‌ها، برای تریگرها هم می‌توان نام دلخواهی انتخاب کرد؛ لیست تریگرها در این بخش نمایش داده می‌شود. 2- تریگرها چهار نوع (Type) مختلف دارند: الف) بازدید صفحه (Page View) ب) کلیک (Click) ج) تعامل کاربر (User Engagement) و د) سایر (Other). انواع تریگرها به‌صورت پیش‌فرض تعیین شده‌اند. به‌عنوان‌مثال تریگر About از نوع کلیک است و تنها بر روی لینک‌ها (Just Links) فعال و اجرا می‌شود. 3- نکته جالب تریگرها امکان انتخاب فیلتر برای آنهاست؛ به‌عنوان‌مثال برای تریگر About فیلتری بر روی URL تعریف شده است. این تریگر تنها زمانی فعال می‌شود که «عبارت تعریف شده در URL مثلا کلمه ثبت» در URL آمده باشد تا تریگر فعال شود. 4- این بخش‌ها نیز مربوط به فولدر بندی، تعداد تگ‌ها و آخرین تغییرات است. بخش متغیرها (Variables) گوگل تگ منیجر متغیرها و انواع آنها را به‌صورت تفصیلی در مقاله اصطلاحات رایج گوگل تگ منیجر توضیح داده‌ایم. این متغیرها به 2 دسته تقسیم می‌شوند: الف) متغیرهای پیش‌فرض (Built-in Variables) ب) متغیرهای تعریف شده توسط کاربر (User-Defined Variables). به تصویر زیر نگاه کنید: 1- این بخش لیست متغیرهای اضافه شده را نشان می‌دهد. برای اضافه کردن متغیر جدید می‌توان بر روی دکمه «Configure» کلیک کرد. 2- متغیرها همانند تریگرها انواعی دارند که نوع آن در این قسمت لیست شده است.   بخش فولدرها (Folders) گوگل تگ منیجر گفتیم که از فولدرها برای سازماندهی تگ‌ها، تریگرها و متغیرها استفاده می‌شود و معمولاً برای کسب‌وکارهایی کاربرد دارد که چندین تیم بر روی گوگل تگ منیجر آن فعالیت دارند. چنانچه این فولدر بندی صورت نگرفته باشد تصویر زیر را در بخش فولدر گوگل تگ منیجر مشاهده خواهید کرد: بخش قالب‌های (Templates) گوگل تگ منیجر گوگل تگ منیجر این امکان را فراهم آورده تا قالبی که برای یک تگ یا متغیر ایجاد کرده‌اید را به‌صورت یک قالب آماده ذخیره کنید تا بعداً بتوانید بدون اعمال تنظیمات تکراری، از نسخه نهایی آن قالب برای متغیر و تگ جدیدتان استفاده کنید و آن را در گالری قالب‌های گوگل تگ منیجر به اشتراک بگذارید. این گالری شامل قالب‌های آماده است که سایر کاربران و خود گوگل آماده کرده است؛ برای دسترسی به آنها لازم است بر روی دکمه «Search Gallery» کلیک کرده و قالب دلخواه خودتان را انتخاب و از آن استفاده کنید. آموزش بخش ورژن ها (GTM) Versions اعمال تغییرات بر روی یک کنتینر به خاطر گستردگی اثرات آن بسیار مهم و حساس است. گوگل تگ منیجر برای جلوگیری از بروز اشتباه کاربر، تمام جزئیات اعمال شده بر روی تگ‌ها، تریگرها و متغیرها را به‌صورت یک ورژن منتشر می‌کند. با این کار در هر زمان می‌توانید ورژن جدید را منتشر کنید همچنین در صورت لزوم می‌توان ورژن قبلی را از لیست ورژن ها فعال کرد. تصویر زیر را مشاهده کنید: برای هر ورژن یک آی دی و شناسه، وضعیت، نام، تاریخ ایجاد، زمان انتشار و کسی که آن را منتشر کرده وجود دارد. با کلیک بر روی آیکون سه نقطه می‌توان پیش‌نمایش هر کدام از ورژن‌ها را مشاهده کرد و یا آن را به اشتراک گذاشت. همچنین می‌توان نام آن را تغییر داد و یا خروجی آن را به‌صورت فایل JSON ذخیره کرد.بخش معرفی پنل گوگل تگ منیجر در اینجا به پایان رسید. مقاله بعدی به بخش مهم ادمین گوگل تگ منیجر خواهد پرداخت.

ادامه مطلب
عناوین برتر