بغض النظر عن نوع موقع الويب لديك ، فإن معرفة كيفية تفاعل زوارك مع موقعك أمر ضروري. لقد كان Google Analytics (GA)^{(Google Analytics (GA))} تقليديًا الأداة التي يستخدمها مشرفي المواقع لاكتساب نظرة ثاقبة على حركة مرور الموقع. يوفر GA إحصاءات وتقارير للمستخدمين حول:

عدد زوار موقعك
من أي بلد هم
كم عدد الصفحات التي زاروها في الجلسة
أشهر الصفحات على موقعك
عدد زوار الموقع الذين ارتدوا (غادروا دون تنفيذ أي إجراء)

يتطلب تتبع المقاييس الأساسية مثل مشاهدات الصفحة ومدد الجلسات ومعدل الارتداد باستخدام GA وضع شفرة تتبع GA^{(GA Tracking Code)} أو مقتطف شفرة GA JavaScript في كل صفحة ويب. هذا مثالي لتتبع المعلومات العامة.

ومع ذلك ، بالنسبة لمقاييس أكثر تحديدًا أو تفاعلات متعددة ، يصبح من الصعب تتبع كل إجراء. على سبيل المثال ، سيستغرق الأمر وقتًا طويلاً لمالك موقع الويب الذي يريد تتبع العديد من الأشكال المختلفة والميزات المختلفة لإعداد وتشغيل جميع العلامات الضرورية.

يعد Google Tag Manager^{(Google Tag Manager)} ( GTM ) أداة مجانية لإدارة العلامات تجعل تتبع جميع علاماتك أسهل.

ما هو Google Tag Manager؟^{(What Is Google Tag Manager?)}

بدلاً من استبدال GA ، تعمل GTM مع GA (وهي علامة بحد ذاتها) لمساعدة المستخدمين على إضافة شفرة تتبع (علامات) وتحديد القواعد ونشر مقتطفات الشفرة.

يتم إرسال البيانات التي تم جمعها بواسطة GTM إلى GA وتخزينها في أدوات أخرى مثل إعلانات Google^{(Google Ads)} و PayPal و Facebook .

من الأمثلة على العلامات التي قد يرغب مالكو مواقع الويب في تتبعها:

إعلانات جوجل
الأحداث
رمز بكسل Facebook
تجديد النشاط التسويقي
كود HTML / JavaScript مخصص

يجب على مالكي مواقع الويب تحديد السلوكيات التي ستوفر رؤى يحتاجون إليها لاتخاذ قرارات تسويقية استراتيجية أفضل. ثم استخدم Google Tag Manager لجمع البيانات وتحليل النتائج.

في هذه المقالة ، سنحدد كيفية البدء في استخدام GTM لموقعك على الويب.

قم بإعداد موقع الويب الخاص بك^{(Set Up Your Website)}

إذا لم يكن لديك حساب Google Tag Manager بالفعل ، فقم بإعداد واحد^{(set one up)} .

أضف اسم حسابك ، والبلد ، وإعداد الحاوية (المجال الخاص بك) ، والنظام الأساسي المستهدف (اختر الويب). ثم انقر فوق إنشاء^(Create) .
بعد موافقتك على شروط خدمة Google ، سترى معرف الحاوية الخاص بك مع مقتطفين من التعليمات البرمجية.

تحتاج إلى إضافة كلا المقتطفين إلى كل صفحة من صفحات موقعك لإكمال عملية الإعداد. تأكد من إضافتها في المكان الصحيح. واحد ينتمي إلى <head> من صفحتك. يذهب الآخر بعد علامة الفتح <body> .
إذا كنت بحاجة إلى مساعدة إضافية لتثبيت المقتطفات ، فاقرأ دليل البدء السريع^{( Quick Start Guide)} من Google . أو ، إذا كنت تستخدم WordPress ، فهناك العديد من المكونات الإضافية^{( several plugins)} التي يمكنك استخدامها.
بمجرد إنشاء الحاوية الخاصة بك ، يمكنك البدء في إضافة العلامات والمحفزات لاكتساب رؤى حول زوار موقعك.

يوجد أدناه^(Below) مثال على إجراء موقع ويب لمساعدتك في قياس جهودك التسويقية.

النقرات على زر التتبع^{(Tracking Button Clicks)}

تشير نقرات الزر^(Button) إلى عدد المرات التي يتم فيها النقر فوق عبارة الحث على اتخاذ إجراء ( CTA ) لموقع الويب الخاص بك. ^(CTA)تحتوي العديد من المواقع على العديد من عبارات الحث^(CTAs) على اتخاذ إجراء ، مثل:

تحميل.
أضف إلى السلة.
اضغط للاتصال.
يشترك.
اشتراك.
البدء.
احصل على التقرير المجاني الخاص بك.
يتعلم أكثر.
ينضم.

قم بإعداد بعض المتغيرات^{(Set Up Some Variables)}

انقر فوق المتغيرات^(Variables) ثم تكوين^(Configure) من التنقل على اليسار.
قم بالتمرير لأسفل وانقر فوق العنصر والفئات والمعرف والهدف وعنوان ^{(Element, Classes, ID, Target, URL )}URL^(Text) والنص .

الخطوة التالية هي تمكين المشغل الذي سيطلق على جميع النقرات. انقر فوق^(Click) المشغلات من^(Triggers) التنقل على اليسار واضغط على NEW.

ثم أعط اسم المشغل الخاص بك. دعنا نسميها زر انقر^{(Button Click)} .
لتحديد نوع المشغل ، انقر داخل نافذة المشغل ، ثم قم بالتمرير لأسفل إلى أسفل الصفحة المنبثقة ، وانقر فوق كل العناصر^{(All Elements)} .
تأكد من ضبط حرائق هذا المشغل^{(This trigger fires)} على كل النقرات^{(All Clicks )} وانقر على حفظ^{( Save)} .

للتأكد من عمل العلامة بشكل صحيح ، انقر فوق الزر معاينة^(Preview) . سيظهر شريط برتقالي حتى تعرف أنك في وضع المعاينة.

افتح موقع الويب الخاص بك في علامة تبويب متصفح جديدة وقم بتحديث الصفحة. سترى عناصر موجزة في وضع المعاينة السريعة. نظرًا لأنه في هذا المثال ، قمنا بتعيين المشغل لإطلاقه كلما نقر أي شخص في أي مكان على موقعك ، فسيتم تسجيله كنقرة في GTM .
إذا كنت تريد تحديد زر معين على إحدى الصفحات ، فحدد إحدى النقرات في لوحة معاينة برنامج إدارة العلامات من Google . ^{(Google Tag Manager)}ثم انقر فوق المتغيرات^(Variables) .

سترى النقر فوق الفئات ، والنقر فوق العناصر ، والنقر فوق النصوص. يتم ملاحظة جميع فئات النقرات والنقرات المختلفة. بمجرد تحديد موقع المتغيرات ، اكتشف ما يجب تصفيته للزر الذي تريد تتبعه.

انقر فوق^(Click) زر موقع الويب هذا ، وسوف يبرز قسم الملخص في معاينة GTM أسفل موقع الويب الخاص بك.

انظر إلى المتغيرات المرتبطة بالزر المحدد مثل Click class و Click Element و Click ID . استخدم هذه المعلومات لإعداد النقر فوق الزر الخاص بك. ارجع إلى Google Tag Manager الخاص بك . انتقل^(Navigate) إلى زر النقر^{(Button Click)} .

لغرض هذه المقالة ، دعنا ننشئ زرًا للحصول على تقريرك المجاني^{(Grab your free report)} ، لذا أعد تسمية الزر للحصول على تقرير مجاني للحث على اتخاذ إجراء^{( Grab your free report CTA)} .

انتقل إلى تشغيل هذا المشغل^{(This trigger fires on)} واختر بعض النقرات^{(Some Clicks)} .

هنا حيث ستتمكن من التصفية حسب المتغيرات التي وجدتها في وضع المعاينة.

ارجع إلى معاينة موقع الويب الخاص بك واكتب متغيرات الزر الذي تريد تتبعه. قد تحتوي الأجزاء المختلفة^(Different) من الزر على فئات مختلفة بناءً على المكان الذي تنقر فيه.

أفضل حل لذلك هو تبديل التتبع الخاص بك إلى Link Click لأن الفئات هي نفسها بغض النظر عن المكان الذي تنقر فيه. النقر فوق الارتباط هو ارتباط تشعبي يظل ثابتًا.

لتغيير ذلك داخل GTM ، حدد Click - All Elements وقم بتغييرها إلى Just Links .

استخدم الفصل الذي كتبته من وضع المعاينة وأضفه في المربع الفارغ إلى يمين انقر فوق فئات^{(Click Classes )} وانقر فوق حفظ^{( Save)} .

قم بإنشاء علامة^{(Create a Tag)}

انقر فوق العلامات^(Tags) من شريط التنقل الأيسر واضغط على جديد^(New) .

انقر داخل المربع Tag Configuration لفتح أنواع العلامات. قم بالتمرير^(Scroll) لأسفل وحدد Custom HTML .
يمكنك استخدام المتغيرات داخل قسم HTML المخصص^{(Custom HTML)} هذا عن طريق كتابتها داخل هذه الأقواس {}.
عندما تبدأ في كتابة الأقواس ، سترى قائمة اختيار بحث سريعة حيث يمكنك اختيار المتغيرات المحددة الموجودة لديك.

أنت الآن بحاجة إلى ربط هذا بالمشغل الذي أنشأته للتو. انقر^(Click) داخل مربع التشغيل^(Triggering) ، وحدد المشغل وانقر فوق حفظ^(Save) .
قم بتحديث صفحة المعاينة الخاصة بك مرة أخرى لاختبار الزر الخاص بك. انقر فوق^(Click) الزر الخاص بك لمعرفة ما إذا تم إطلاق العلامة. إذا لم ينجح الأمر ، فارجع وتحقق من جميع إعداداتك.
عندما تكون صحيحة ، سترى العلامات المنشطة في هذا الحدث^{(Tags Fired on This Event)} . أنت الآن تتعقب عندما يتم النقر فوق الزر الخاص بك.

اجعل العلامة حدثًا^{(Make The Tag An Event)}

ارجع إلى GTM وحدد العلامة التي أنشأتها للتو. تأكد من تسميته باسم يمكن التعرف عليه.
قم بتغيير نوع العلامة من Custom HTML إلى Google Analytics: Google Analytics : Universal Analytics .

حدد حدثًا^(Event) لنوع التتبع ^{(Track Type)}وزر الحث^{(CTA Button)} على اتخاذ إجراء^(Action) لمعلمات تتبع الأحداث^{(Event Tracking Parameters)} ، وانقر فوق^(Click) إجراء وأضف اسمًا تعريفيًا للتسمية^(Label) .
مرر^(Scroll) لأسفل إلى إعدادات Google Analytics^{(Google Analytics Settings)} ، وحدد {{Google Analytics}} وانقر على حفظ^(Save) . أنت الآن تقوم بتتبع نقراتك داخل Google Analytics كحدث.
أرسل الحدث ثم انشره^(Publish) .
في قسم وصف إصدار الحاوية^{(Container Version Description)} ، أضف اسمًا وصفيًا للحدث الخاص بك وانقر على متابعة^(Continue) .

أصبح المشغل الجديد والعلامة الجديدة مباشرة على موقع الويب الخاص بك لتتبع أي وقت ينقر فيه زائر الموقع على الزر.

لا يوجد حد لعدد الإجراءات التي يمكنك تتبعها باستخدام برنامج إدارة العلامات من Google^{(Google Tag Manager)} . كلما زادت البيانات التي تجمعها وتقيسها ، ستتمكن من تعديل حملاتك التسويقية والإعلانية بشكل أفضل لزيادة التحويلات والمبيعات.

How To Use Google Tag Manager To Analyze Your Website Traffic

No matter what type of website you have, knowing how your visitors interact with yоur sіte is essential. Google Analytics (GA) has traditionally been the tool used by webmasters to gain insights into website traffic. GA gives users statistics and reports about:

The number of visitors to your site
What country they are from
How many pages they visited per session
The most popular pages on your site
How many site visitors bounced (left without performing any action)

Tracking essential metrics such as page views, session durations, and bounce rate with GA require the placement of GA Tracking Code or a GA JavaScript code snippet on every webpage. This is ideal for keeping track of general information.

However, for more specific metrics or multiple interactions, it becomes more challenging to keep track of every action. For example, it would take a lot of time for a website owner who wants to track several different forms and various features to get all the necessary tags set up and running.

Google Tag Manager (GTM) is a free tag management tool that makes tracking all your tags easier.

What Is Google Tag Manager?

Rather than replacing GA, GTM works with GA (which is a tag itself) to help users add tracking code (tags), define rules and deploy code snippets.

The data collected by GTM is sent to and stored in GA and other tools such as Google Ads, PayPal, and Facebook.

Examples of tags website owners might want to track are:

Google Ads
Events
Facebook pixel code
Remarketing
Custom HTML/JavaScript code

Website owners should decide which behaviors will provide insights they need to make better strategic marketing decisions. Then use Google Tag Manager to collect data and analyze the results.

In this article, we will outline how to get started using GTM for your website.

Set Up Your Website

If you don’t already have a Google Tag Manager account, set one up.

Add your account name, country, container setup (your domain), and your target platform (choose web). Then click Create.
After you agree to Google’s terms of service, you will see your container ID with two code snippets.

You need to add both the snippets to each page of your site to complete the setup process. Make sure you add them in the correct place. One belongs in the <head> of your page. The other goes after the opening <body> tag.
If you need additional help installing the snippets, read Google’s Quick Start Guide. Or, if you are using WordPress, there are several plugins you can use.
Once you create your container, you can start adding tags and triggers to gain insights into your site’s visitors.

Below is an example of a website action to help you measure your marketing efforts.

Tracking Button Clicks

Button clicks refer to how many times your website call-to-action (CTA) is clicked. Many sites have multiple CTAs, such as:

Download.
Add to cart.
Click to call.
Subscribe.
Sign up.
Get started.
Grab your free report.
Learn more.
Join.

Set Up Some Variables

Click on Variables and then Configure from the navigation on the left.
Scroll down and click Element, Classes, ID, Target, URL and Text.

The next step is to enable a trigger that will fire on all clicks. Click on Triggers from the navigation on the left and hit NEW.

Then give your trigger a name. Let’s call it Button Click.
To select a trigger type, click inside the trigger window, scroll down to the bottom of the pop-up page, and click on All Elements.
Make sure you set This trigger fires on All Clicks and click Save.

To make sure the tag is working correctly, click the Preview button. An orange bar will appear so that you will know you are in preview mode.

Open your website in a new browser tab and refresh the page. You will see summary items in the quick preview mode. Because in this example we set the trigger to fire whenever anyone clicks anywhere on your site, it will register as a GTM click.
If you want to identify a specific button on a page, select one of the clicks in the Google Tag Manager preview panel. Then click Variables.

You will see click classes, click elements, and click texts. All the different clicks and click classes are notated. Once you have located the variables, figure out what to filter out for the button you want to track.

Click on that website button, and it will highlight the summary section on the GTM preview below your website.

Look at the variables that are related to your selected button such as Click classes, Click Element, and Click ID. Use this information to set up your button click. Go back to your Google Tag Manager. Navigate to Button Click.

For the purpose of this article, let’s set up a button for Grab your free report, so rename the button to Grab your free report CTA.

Navigate to This trigger fires on and choose Some Clicks.

Here is where you will be able to filter by the variables you found when in preview mode.

Go back to your website preview and write down the variables for the button you want to track. Different parts of a button might have different classes depending upon where you click.

The best solution for this is to switch your tracking to Link Click because the classes are the same no matter where you click. A link click is a hyperlink that remains constant.

To change that inside of GTM, select Click – All Elements and change it to Just Links.

Use the class you wrote down from the preview mode and add it in the blank box to the right of Click Classes and click Save.

Create a Tag

Click on Tags from the left-side navigation and hit New.

Click inside the Tag Configuration box to open the tag types. Scroll down and select Custom HTML.
You can use variables inside this Custom HTML section by typing them inside these brackets { }.
When you start typing the brackets, you will see a quick search select menu where you can choose your defined existing variables.

Now you need to hook this up to the trigger you just created. Click inside the Triggering box, select the trigger and click Save.
Refresh your preview page again to test your button. Click on your button to see if the tag is fired. If it doesn’t work, go back and check all your settings.
When they are correct, you will see Tags Fired on This Event. You are now tracking when your button is clicked.

Make The Tag An Event

Go back to GTM and select the tag you just created. Make sure to name it with an identifiable name.
Change the Tag type from Custom HTML to Google Analytics: Google Analytics: Universal Analytics.

Select Event for Track Type, CTA Button for Event Tracking Parameters, Click for Action and add an identifying name for Label.
Scroll down to Google Analytics Settings, select {{Google Analytics}} and click Save. Now you are tracking your clicks inside of Google Analytics as an event.
Submit your event and then Publish it.
In the Container Version Description section add a descriptive name for your event and click Continue.

Your new trigger and new tag are now live on your website to track any time a site visitor clicks on the button.

There is no limit to the number of actions you can track using Google Tag Manager. The more data you collect and measure, the better you will be able to tweak your marketing and ad campaigns to increase conversions and sales.

لميس الذكير

About the author

أنا خبير في الكمبيوتر وأساعد الأشخاص في استخدام أجهزة الكمبيوتر الخاصة بهم منذ عام 2009. تشمل مهاراتي أجهزة iPhone والبرامج والأدوات الذكية والمزيد. كما أنني أعمل كمدرس على مدى السنوات الأربع الماضية. في ذلك الوقت ، تعلمت كيفية مساعدة الأشخاص على تعلم برامج جديدة وكيفية استخدام أجهزتهم بطريقة احترافية. أستمتع بإعطاء النصائح حول كيفية تحسين مهاراتي حتى ينجح الجميع في العمل أو المدرسة.

كيفية استخدام برنامج إدارة العلامات من Google لتحليل حركة المرور على موقع الويب الخاص بك

ما هو Google Tag Manager؟^{(What Is Google Tag Manager?)}

قم بإعداد موقع الويب الخاص بك^{(Set Up Your Website)}

النقرات على زر التتبع^{(Tracking Button Clicks)}