كيف

HowTo الصفحة الرئيسية

القوائم

شريط الأيقونات أيقونة القائمة الأكورديون نوافذ التبويب علامات تبويب عمودية رؤوس علامات التبويب علامات تبويب صفحة كاملة تحوم علامات التبويب أعلى التنقل توبناف مستجيب Navbar مع الأيقونات قائمة البحث شريط البحث شريط جانبي ثابت التنقل في الصفحة شريط جانبي متجاوب التنقل بملء الشاشة قائمة خارج القماش تحوم على أزرار Sidenav الشريط الجانبي مع الأيقونات قائمة التمرير الأفقية القائمة العمودية التنقل السفلي التنقل السفلي المستجيب ارتباطات التنقل عبر الحدود السفلية ارتباطات القائمة المحاذاة لليمين ارتباط القائمة المركزية ارتباطات قائمة عرض متساوية قائمة ثابتة حرك الشريط لأسفل في التمرير إخفاء شريط التنقل في التمرير تقليص شريط التنقل في التمرير شريط التنقل اللزج Navbar على الصورة تحوم القوائم المنسدلة انقر فوق القوائم المنسدلة قائمة منسدلة متتالية المنسدلة في Topnav المنسدلة في Sidenav Resp Navbar المنسدلة قائمة الملاحة الفرعية إسقاط ما يصل قائمة ميجا قائمة المحمول قائمة الستائر شريط جانبي مطوي لوحة Sidepanel المنهارة ترقيم الصفحات فتات الخبز مجموعة الأزرار مجموعة الأزرار العمودية شريط اجتماعي مثبت ملاحة حبوب منع الحمل رأس مستجيب

الصور

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

أزرار

أزرار التنبيه أزرار المخطط التفصيلي أزرار الانقسام أزرار متحركة أزرار تتلاشى زر على الصورة أزرار الوسائط الاجتماعية قراءة المزيد قراءة أقل أزرار التحميل أزرار التنزيل أزرار حبوب منع الحمل زر الإعلام أزرار الأيقونة أزرار التالي / السابق زر المزيد في التنقل أزرار الحظر أزرار النص أزرار مستديرة انتقل إلى الزر العلوي

نماذج

نموذج تسجيل الدخول التسجيل من نموذج الخروج نموذج الاتصال نموذج تسجيل الدخول الاجتماعي استمارة تسجيل النموذج مع الأيقونات النشرة الإخبارية نموذج مكدس نموذج الاستجابة نموذج منبثق نموذج مضمّن مسح حقل الإدخال إخفاء عدد الأسهم نسخ النص إلى الحافظة بحث متحرك زر البحث بحث بملء الشاشة حقل الإدخال في Navbar نموذج تسجيل الدخول في Navbar خانة اختيار مخصصة / راديو تحديد مخصص مفتاح الفصل الكهربائي تحقق من خانة الاختيار كشف قفل الأحرف الكبيرة زر الزناد على Enter التحقق من صحة كلمة المرور تبديل رؤية كلمة المرور نموذج متعدد الخطوات الإكمال التلقائي قم بإيقاف تشغيل الإكمال التلقائي قم بإيقاف تشغيل التدقيق الإملائي زر تحميل الملف التحقق من صحة الإدخال الفارغ

المرشحات

قائمة الفلاتر جدول التصفية عناصر التصفية قائمة التصفية المنسدلة قائمة الفرز جدول الإملائي

الجداول

طاولة مخطط زيبرا جداول المركز جدول كامل العرض طاولات متجاورة جداول الاستجابة جدول المقارنة

أكثر

فيديو بملء الشاشة مربعات مشروطة حذف مشروط الجدول الزمني مؤشر التمرير أشرطة التقدم شريط المهارات رينج سلايدر تلميحات عرض عنصر التمرير تظهر ظهور مفاجئ انهيار تقويم يتضمن HTML عمل قائمة لوادر تصنيف النجوم تقييم المستخدم تأثير التراكب رقائق الاتصال البطاقات بطاقة الوجه بطاقة الملف الشخصي بطاقة المنتج تنبيهات صرخ ملحوظات ملصقات الدوائر نمط HR قسيمة قائمة المجموعة قائمة بدون تعداد نقطي نص متجاوب نص قطع نص متوهج تذييل ثابت عنصر مثبت ارتفاع متساوي كليرفكس يطفو استجابة مطعم الوجبات الخفيفة نافذة ملء الشاشة رسم التمرير تمرير سلس انتقل إلى التدرج Bg رأس مثبت تقليص الرأس عند التمرير جدول التسعير المنظر ابعاد متزنة إطارات Iframes المتجاوبة تبديل أعجبني / لم يعجبني تبديل إخفاء / إظهار تبديل الوضع الداكن تبديل النص تبديل الفصل إضافة فئة إزالة الفصل فئة نشطة عرض الشجرة إزالة الخاصية الكشف دون اتصال البحث عن العنصر المخفي إعادة توجيه صفحة الويب تكبير تحوم فليب بوكس توسيط عموديًا زر الوسط في DIV الانتقال عند Hover السهام الأشكال رابط التحميل عنصر ارتفاع كامل نافذة المتصفح شريط تمرير مخصص إخفاء شريط التمرير إظهار / فرض شريط التمرير مظهر الجهاز حدود المحتوى القابلة للتحرير لون العنصر النائب لون تحديد النص لون الرصاصة خط عمودي المقسمات تحريك الأيقونات العد التنازلي آلة كاتبة قريبا الصفحة رسائل الدردشة نافذة الدردشة المنبثقة تقسيم الشاشة الشهادات - التوصيات عداد القسم عرض الشرائح اقتباسات عناصر قائمة قابلة للإغلاق نقاط توقف الجهاز النموذجية عنصر HTML قابل للسحب استعلامات وسائط JS تمييز بناء الجملة شبيبة الرسوم المتحركة طول سلسلة JS شبيبة الأس معلمات JS الافتراضية احصل على URL الحالي احصل على حجم الشاشة الحالي احصل على عناصر Iframe

موقع إلكتروني

إنشاء موقع مجاني أنشئ موقعًا على شبكة الإنترنت إنشاء موقع ثابت إنشاء موقع على شبكة الإنترنت (W3.CSS) إنشاء موقع على شبكة الإنترنت (BS3) إنشاء موقع على شبكة الإنترنت (BS4) إنشاء موقع على شبكة الإنترنت (BS5) إنشاء وعرض موقع إنشاء موقع شجرة الارتباط قم بإنشاء محفظة أنشئ سيرة ذاتية إنشاء موقع مطعم إنشاء موقع تجاري اصنع كتاب ويب موقع المركز قسم الاتصال حول الصفحة رأس كبير مثال على الموقع

شبكة

2 تخطيط العمود 3 تخطيط العمود 4 تخطيط العمود توسيع الشبكة قائمة عرض الشبكة تخطيط العمود المختلط بطاقات العمود تخطيط منعرج الزاك تخطيط المدونة

متصفح الجوجل

مخططات جوجل خطوط جوجل اقتران خطوط Google جوجل إعداد تحليلات

المحولات

تحويل الوزن تحويل درجة الحرارة تحويل الطول تحويل السرعة

مدونة

احصل على وظيفة مطور كن مطورًا للواجهة الأمامية.

كيفية إعداد برنامج Google Analytics

يستخدم برنامج Google Analytics لعرض وفهم حركة مرور الويب.

هو حر وسهلة الاستخدام.

يمكنك تخصيصه للعديد من حالات الاستخدام.

إنه يعمل خارج الصندوق.

انها سريعة لاقامة. احصل على رؤيتك اليوم!

إنشاء موقع الويب المجاني الخاص بي ❯

تخطي القراءة حول Google Analytics. خذني مباشرة إلى الخطوة الأولى. انتقل إلى الخطوة الأولى

ما هو برنامج Google Analytics

برنامج Google Analytics هو أحد حلول تحليل بيانات الإنترنت.

تم تطويره ودعمه بواسطة Google.

أحدث إصدار يسمى Google Analytics 4.

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

لماذا تمكين Google Analytics

افهم حركة مرور الويب الخاصة بك لاتخاذ قرارات أفضل.

فهم وتحسين مسار المبيعات.

تعلم من التجربة (على سبيل المثال ، اختبارات أ / ب).

لدى Google حل آخر يسمى Google Optimize. هذا الحل مصنوع للاختبار.


لمن هو Google Analytics

يعد Google Analytics مفيدًا لأي شخص لديه موقع ويب.

يمنحك معلومات حول من يستخدم موقعك وكيف يتفاعلون معه.

بالإضافة إلى ذلك ، الواجهة سهلة الفهم.

لا تحتاج إلى خلفية تحليلية لاستخدام الخدمة والتنقل فيها.


كيفية إعداد برنامج Google Analytics خطوة بخطوة

يمكن إعداد Google Analytics بطريقتين هما Global Website Tag (gtag.js) أو Google Tag Manager .

أسهل طريقة هي استخدام علامة الموقع العالمية.

سيستخدم هذا البرنامج التعليمي نهج علامة الموقع العالمية.


الاستعدادات

حدد محرر الكود الذي تريد استخدامه وقم بإعداد بيئتك.

أنشأت W3Schools محرر كود سهل الاستخدام يسمى W3Schools Spaces . سجل وابدأ ببضع نقرات.

ابدأ مجانًا ❯

قم بإنشاء ملف index.html الخاص بك حتى تكون جاهزًا لإدخال الرمز.

كل الإعداد. دعنا نذهب!


قم بإعداد Google Analytics: علامة الموقع العالمية


الخطوة 1: إنشاء حساب Google Analytics

انتقل إلى Analytics: أنشئ حسابًا أو سجّل الدخول إلى Analytics

ينقلك الرابط الموجود في الفقرة أعلاه إلى صفحة Google Analytics المقصودة.

انقر فوق الزر "ابدأ مجانًا".

الصفحة المقصودة

الخطوة 2: ادخل إلى صفحة الترحيب

بعد إنشاء حساب أو تسجيل الدخول ، أنت مرحب بك في الحل.

اضغط على زر "بدء القياس" للمتابعة.

صفحة الترحيب

الخطوة 3: إنشاء الحساب

لديك قراران لاتخاذها هنا.

  1. أدخل اسم حسابك.
  2. حدد البيانات التي تريد مشاركتها.
  3. انقر فوق الزر "التالي".

يمكن أن يحتوي حساب واحد على أكثر من معرّف تتبع واحد. يمكنك تتبع أكثر من موقع باستخدام حساب.

نظرة عامة على إعداد الحساب

الخطوة 4: إعداد الخاصية

الخاصية هي الخدمة التي تقيسها ، مثل موقع ويب أو تطبيق أو شجرة روابط وما إلى ذلك.

  1. أدخل اسم الخاصية.
  2. أدخل منطقتك الزمنية.
  3. أدخل العملة التي تستخدمها.
  4. انقر فوق الزر "التالي".
نظرة عامة على إعداد الخاصية

الخطوة 5: أضف معلومات العمل

يستخدم برنامج Analytics المعلومات لتخصيص تجربتك.

  1. حدد فئة الصناعة الخاصة بك.
  2. حدد حجم العمل.
  3. Tick the boxes for how you are planning to use Analytics.
  4. Click the "Create" button to proceed.
تفاصيل المعلومات التجارية

Step 6: Terms of Service Agreement

Read and understand the terms of service.

Tick the GDPR box and click the "I accept" button if you agree.

نظرة عامة على الشروط والأحكام

Step 7: Email subscriptions

  1. Tick or uncheck all boxes.
  2. Click the "Save" button to continue.
نظرة عامة على التواصل عبر البريد الإلكتروني

Step 8: Select platform

Chose the platform where you are collecting data.

Then, click the relevant platform to continue.

We are continuing with "Web" as the example in this tutorial.

حدد نظرة عامة على النظام الأساسي

Step 9: Data stream setup

Enter data stream details.

  1. The URL to your site.
  2. The name that you want to give the stream.
  3. Decide if you are to enable enhanced measurement or not.
  4. Click on the "Create stream" button to continue.
  5. The enhanced measurement can give the data more context. Improving your understanding of the traffic.

    نظرة عامة على إعداد دفق البيانات

    Step 10: Web stream overview

    Here you can see a detailed overview of the web stream.

    تفاصيل دفق الويب مفرطة

    Here are the key takeaways from the overview.

    1. Stream URL.

    The Stream URL is the link to the connected site.

    دفق URL

    2. Measurement ID

    The Measurement ID is the identifier for your data stream.

    It has a format of G-XXXXXXX.

    معرف القياس

    Google Analytics 4 uses Measurement ID. Older versions use Tracking ID. You can not have both.

    3. Tagging instructions

    Decide to use Global site tag (gtag.js) or Tag manager.

    This tutorial will use the Global site tag.

    Installing the Global site tag is the easiest and quickest way of getting it up and running.

    تعليمات العلامات

    Step 11: Global site tag (gtag.js)

    Click the "Global site tag (gtag.js)" row.

    علامة الموقع الشاملة

    Here you can see a code snippet.

    The code snippet is a script to allow Google to measure data on your site.

    You can see the Measurement ID in the second last line in the code snippet.

    The code snippet

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-DNJN1PF3CS"></script>
    <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-XXXXXXX');
    </script>

    Step 12: Enter the code snippet

    Copy the code snippet.

    Make sure to include your Measurement ID.

    Locate the <head> tag in your HTML.

    Paste the code snippet just below the <head> tag.

    Save and publish the code.

    أضف مقتطف الشفرة

    We used W3Schools Spaces in this example.


    Step 13: Test that it works

    Ensure that you have successfully saved and published the code snippet with the correct Measurement ID.

    Open the URL for the site you have connected to the data stream.

    Click on "Real time" on the menu to the left.

    Confirm that you see yourself as an active user.

    Congrats. You have successfully enabled Google Analytics for your site!

    Analytics dashboard

    Explore Google Analytics

    Recommended related topics are Tag manager and Events

    Spend time in the service to learn about your user activity, commerce, demographics, device, and referrals.


    Tip: Ever heard of W3Schools Spaces? It is a personal space where you can make a website from scratch or use a template and host it for free.

    It has everything you need in the browser.

    Get started in a few clicks.

    Start now for free ❯

    * no credit card required