رویداد به پایان رسیده است!
آموزش آنلاین Google Tag Manager با تمرین عملی Google Analytics و Hotjar در تاریخ پنج‌شنبه ۱۵ اسفند به پایان رسیده است. (جزئیات بیشتر)

رویدادهای زیر را به شما پیشنهاد می‌کنیم

کاور
پنج‌شنبه ۱۵ اسفند ساعت ۰۸:۰۰

آموزش آنلاین Google Tag Manager با تمرین عملی Google Analytics و Hotjar

  • رایگان
  • آنلاین
  • تکنولوژی
مهلت ثبت‌نام برای این رویداد به پایان رسیده است.

درباره‌ی کارگاه گوگل تگ منیجر


سلام :)

من تصمیم گرفتم کارگاه گذاشتن را شروع کنم، تا تجربه‌ای که داشتم را بهتون منتقل کنم و هم اینکه با دوستان جدیدی آشنا بشم، برای اولین کارگاه، ابزار Google Tag Manage را انتخاب کردم که یه کارگاه ۶ ساعته (۵ ساعت مفید، ۱ ساعت گپ و گفتگو) که قرار ماه دیگه ۱۵ اسفند برگزار بشه.

 

👩‍💻👨‍💻 در این کارگاه، کار با ابزار گوگل تگ منیجر را کامل یاد می‌گیرید و اگر لپ‌تاپ همراهتون باشه، تمرین‌های زیر رو هم عملی انجام می‌دیم:

اضافه کردن Google Tag Manager (GTM) به سایت
اضافه کردن Hotjar و Google Analytics به سایت (با استفاده از GTM)
تجربه‌ی اولین Heatmap و Session Record با ابزار Hotjar، توسط GTM
پیاده‌سازی و ارسال Event به گوگل آنالیتیکس
پیاده‌سازی Goal در ابزار گوگل آنالیتکیس
محاسبه نرخ کلیک کاربر
و ...
 

یادتون باشه قرار نیست Hotjar و Google Analytics یاد بگیرید، اما برای یادگیری Google Tag Manager من مثال‌هایی کاربردی از این ابزار‌ها رو هم آوردم که بعد از کارگاه بتونید کارهاتون رو از قبل هم حرفه‌ای‌تر انجام بدید.

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

اگر هم می‌خواهید من رو بیشتر بشناسید، نگاهی به مقالاتم بندازید:

https://medium.com/@parhumm
https://virgool.io/@parhumm
http://parhum.net
 

بازم اگر سوالی بود منو در تلگرام یا تویتر با نام @parhumm می‌تونید پیدا کنید:

twitter.com/@parhumm
telegram.me/parhumm
 

👋 راستی این کارگاه تضمین یادگیری هم داره:

خیلی‌ها رو دیدیم کارگاه و سمینار شرکت می‌کنن، ولی راضی نیستن. برای همین تصمیم گرفتم یک تضمین به کارگاه اضافه کنم تا اگر شرکت کردید و به هر دلیلی از کارگاه خوشتون نیومد، می‌تونید بخش زیادی از هزینه‌ای که پرداخت کردید رو پس بگیرید یعنی بدون هیچ سوالی، اگر راضی نبودید، ۸۰٪ پولتون رو برمی‌گردونم. هدف خودم اینه که بعد از کارگاه حس کنید در کارتون پیشرفت کردید و تغییری دوست داشتنی براتون اتفاق اقتاده.

 

منتظرتون هستم، اگر سوال داشتید بیاین تلگرام یا توییتر بپرسید، راهنماییتون می‌کنم :)

پرهام خوشبخت
https://www.linkedin.com/in/parhum-khoshbakht-084a7036

مدرس کارگاه Google Tag Manager

پرهام خوشبخت
پرهام خوشبخت
مدیر ارشد محصول(فیلیمو و آپارات)

آیا این کارگاه به شما کمک می‌کند؟

پرهام خوشبخت، کیه؟ گوگل تگ منیجر بلده؟!
من مدیر ارشد محصول شرکت صباایده هستم و چهار سالی میشه که دارم روی پروژه‌های بزرگ آپارات و فیلیمو کار می‌کنم. و در سه سال گذشته از تگ منیجر برای پیاده‌سازی سیستم‌های ترکینگ و بررسی رفتار کاربر استفاده کرده و تجربه‌ی خوبی هم در این زمینه دارم که می‌تونه بهتون کمک کنه در یک نصف روز تجربه چند سال کار با تگ منیجر را به راحتی بدست بیارید.
این کارگاه برای چه کسایی مناسبه؟
دیجیتال مارکترها / مدیر محصول‌ها / طراح‌ها و کسایی که می‌خوان کاربر پژوهی(User Research) کنند و User Experience عملی را یاد بگیرند.
آیا Google Analytics و Hotjar هم یاد می‌دهید؟
این ابزار‌ها را یاد نمی‌دم ولی برای تمرین و یادگیری تگ منیجر، یاد میدم که باهم دیگه گوگل آنالیتیکس و Hotjar (ابزار هیت‌مپ و سشن ریکورد) را با استفاده از تگ منیجر داخل سایتتون بذاریم و همینطور بهتون یاد میدم که با تگ منیجر به Google Analytics ایونت بفرستید و کلیک‌های کاربر را بشمرید و همینطور اولین هیت‌مپتون را با Hotjar بگیرید!
نیاز به پیش زمینه فنی داره؟
نه واقعا، یکم انگیزه می‌خواد. نیازی به هیچ پیش زمینه‌ی فنی نداره و همین خیلی کار را راحت می‌کنه براتون. دیگه لازم نیست برای گذاشتن سیستم‌های ترکینگ دست به دامن بچه‌های فنی بشوید.
آیا در کارگاه آنلاین به سوالات پاسخ داده میشه؟
در پایان هر مبحث برای پاسخ دادن به سوالات شما وقت می‌گذارم. نگران سوالات نباشید.
اگر برنامه‌نویسی بلد باشید، باز هم گوگل تگ منیجر به کارتون میاد؟
منم برنامه‌نویسی بلدم و مشکلی ندارم که کد‌های ابزار‌های مختلف ترکینگ کاربر را مستقیم داخل کد بذارم، اما Google Tag Manager به من کمک کرده که سریع‌تر، ساده‌تر و با خیال راحت‌تر این کار رو انجام بدم و بتونم کد‌هام رو قبل از لانچ مورد آزمایش قرار بدم.
نیاز به مشاوره بیشتر دارم!
می‌تونی به من توی توییتر پیام بدی و یا همینطور توی تلگرام: هرجا خواستی من را با اسم @parhumm میتونی پیدا کنی.

درباره‌ی گوگل تگ منیجر بیشتر بدونید


Google Tag Manger یک Tag Management System است که کمک می‌کند به راحتی و بدون نیاز به دسترسی به کد برنامه، بتوانیم کد‌هایی را به سایت اضافه کنیم. این کد‌ها قطعا کد‌های اصلی برنامه نیستن و کد‌های جانبی هستن که معمولا برای ثبت آمار و رفتار کاربران از آن‌ها استفاده می‌کنیم. پس کد‌های سرویس‌هایی همچون Google Analytics، Yandex Metrica, MouseFlow, Hotjar, CrazyEgg و … را می‌توانید با استفاده از گوگل تگ منیجر داخل سایت قرار دهید.

به طور خلاصه مدیریت برچسب گوگل چگونه کار می‌کند؟
اسکریپت Tag Manager را بر روی سایتتان قرار می‌دهید و از طریق بخش مدیریتی که در اختیار شما می‌گذارد می‌توانید تمامی سرویس‌های آماری خود را اضافه کنید و مشخص کنید در کدام صفحات یا در چه شرایطی (به عنوان مثال با کلیک بر روی یک لینک) کد‌های تعریف شده فراخوانی شود.
در نگاه اول تمامی این کارها را خودمان نیز می‌توانیم انجام دهیم، اما برای مثال GTM باعث شده ۲۰ – ۳۰ خط کدی که هر سری برای بررسی یک رفتار کاربر در آپارات باید می‌نوشتم، تبدیل شود به چند تنظیم ساده در Google Tag Manager و در نتیجه سرعت کارهای تحقیقاتی ما افزایش چشم‌گیری پیدا کند.

 

 

چرا از Google Tag Manger استفاده کنیم؟

نیاز به برنامه نویسی نداریم:
شما بدون دانستن حتی پایه‌ی جاوا اسکریپت به راحتی تعیین می‌کنید که کدام قطعه کد یا کدام تابع در کدام صفحه و در چه شرایطی فراخوانی شود.


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


کد‌ها را قبل از اجرا می‌توان امتحان کرد:
خیلی وقت‌ها رویدادی را روی Google Analytics یا هر سرویس مشابهی برای بررسی رفتار کاربران اعمال می‌کنیم اما برای بررسی درستی کدمان باید صبر کنیم تا آمار Analytics بروزرسانی شود یا خودمون یک سیستم تست برای این کار بنویسیم. اما GTM با قابلیت Preview این امکان را می‌دهد که قبل از اجرای کد برای عموم نتیجه تغییرات و اطلاعات ارسالی را بررسی کنیم.


جلوی خطاهای جاوااسکریپتی شما را می‌گیرد:
شما می‌توانید کد‌های جاوااسکریپت و HTML را هم از طریق Google Tag Manager اضافه کنید و اگر کد جاوااسکریپت شما خطایی داشته باشد جلوی انتشار کد شما را می‌گیرد!


سرعت و انعطاف‌پذیری:
اگر شما بر روی تجربه کاربری محصولی کار می‌کنید قطعا می‌دانید که هر روز باید از زوایای متفاوتی محصول خودتون را بررسی کنید، بعد از مدتی کار با GTM تمامی صفحات و تعاملات موجود در محصول (مانند: دنبال کردن، ارسال نظر، نمایش ویدیو، بارگذاری و…) را به صورت متغیر‌هایی در این سرویس ذخیره می‌کنید و روز به روز سرعت تست گرفتن و تغییر دادن کد‌ها سریع‌تر می‌شود و دیگر نیازی به انجام کارهای تکراری ندارید.
 

GTM چه امکاناتی در اختیارمان می‌گذارد؟

Permissions: اگر سرویسی تا این حد در پروژه ما نفوذ داشته باشد پس مهم‌ترین مسئله امنیت است، که خوشبختانه این سرویس دسترسی‌های خوبی برای مدیران ایجاد می‌کند تا تغیرات کسانی که دسترسی به Google Tag Manager پروژه شما دارند را کنترل کنید.


Workflow: این ویژگی که حدودا یکی دو ماه است به تگ منیجر اضافه شده است، کمک می‌کند که محیط کارهای جدایی داشته باشید تا اگر چند کاربر بر روی یک پروژه کار می‌کنند، تداخلی بین کارهای آن‌ها ایجاد نشود.


Version Controll: مدیریت برچسب گوگل، سیستم ورژن کنترل خود را دارد که برای هر تغییر در کد می‌توانید نام و توضیحی را وارد کنید و در صورت بروز مشکل تغییرات روی هر نسخه را به طور مجزا بررسی کنید تا اگر لازم بود به نسخه‌ی قبلی بازگردید.


Data Layer: مجموعه‌ای از اطلاعات مهم صفحه است که می‌توانیم از آن داده‌ها در اسکریپت‌های مختلفی که در GTM داریم استفاده کنیم و همینطور از سمت سایت/اپلیکیشن اطلاعاتی را به Data Layer اضافه کنیم.
 

 

سه بخش اصلی Google Tag Manager


دو ویژگی اول یعنی Variables و Triggers به ما کمک می‌کند که سرعت کارمان را با جلوگیری از تکرار‌های بیهوده افزایش دهیم و ویژگی سوم Tags قطعه کدهایى هستند که به صفحه ما اضافه می‌شود، به عنوان مثال کد Google Analytics.

Variables
در این بخش می‌توانید متغیرهایی تعریف کنید که در برچسب‌ها و Triggerهای مختلف مورد استفاده قرار بگیرد.

انواع متغیرها:

Constant: متغیر‌های ثابت شامل یک مقدار تغییر ناپذیر هستند، مانند: ID گوگل آنالیتیک.
JavaScript: این نوع متغیر خیلی جذاب است چون می‌توانید اسم یک متغیر جاوااسکریپتی که در کد برنامه تعریف شده است را وارد کنید تا در هر بخشی مقدار دلخواه شما را برگرداند!


متغیر‌های پیش‌فرض: GTM بیش از ۳۰ متغیر دارد که در چهار دسته بندی Pages, Utilities, Errors, Clicks, Forms و History آن‌ها را دسته‌بندی کرده است.


Triggers
فعال کننده‌ها در هر لحظه بر اساس متغیرهایى که برایشان تعریف کردیم یک مقدار True یا False برمی‌گردانند که نشان می‌دهد Tagها چه زمانى باید اجرا شوند. فعال‌کننده‌ها انوع زیادی دارند همچون: مشاهده صفحه، کلیک، ارسال فرم و …

Tags
برچسب‌ها می‌توانند سرویس‌های پیشفرض در GTM مانند Google Analytics باشند یا هر اسکریپت و HTML کدی که برای آن تعریف کنیم تا در صفحات اجرا شود. معمولا از Tags برای ارسال داده‌هایی از سمت سایت شما به سیستم‌های آماری استفاده می‌شود و برچسب‌ها بر اساس Triggerهایی که برای آن تعریف می‌کنید، در صفحه اجرا می‌شوند. به عنوان مثال شما برای بررسی صفحه ویدیو یک تریگر باید بسازید که صفحه ویدیو را تشخیص بدهد و سپس این فعال‌کننده را به برچسب مورد نظر نسبت دهید.

  • شروع: پنج‌شنبه ۱۵ اسفند ساعت ۰۸:۰۰
  • پایان: پنج‌شنبه ۱۵ اسفند ساعت ۱۴:۰۰
رویداد آنلاین است