ဘယ်လို

အိမ်လုပ်နည်း

မီနူးများ

အိုင်ကွန်ဘား မီနူးအိုင်ကွန် ဘာဂျာ တက်ဘ်များ ဒေါင်လိုက် တက်ဘ်များ တက်ဘ် ခေါင်းစီးများ စာမျက်နှာ တဘ်များ အပြည့်အစုံ တဘ်များကို ရွှေ့ပါ။ ထိပ်တန်းလမ်းညွှန် တုံ့ပြန်မှု Topnav အိုင်ကွန်များဖြင့် Navbar ရှာရန် မီနူး Search Bar ပုံသေဘေးဘား စာမျက်နှာလမ်းညွှန် တုံ့ပြန်မှုဘေးထွက်ဘား မျက်နှာပြင်အပြည့် လမ်းညွှန်ချက် ကင်းဗတ် မီနူး Sidenav ခလုတ်များကို နှိပ်ပါ။ အိုင်ကွန်များပါသော ဘေးဘား အလျားလိုက် Scroll Menu ဒေါင်လိုက် မီနူး အောက်ခြေလမ်းညွှန် တုံ့ပြန်မှုအောက်ခြေရေကြောင်း Bottom Border Nav Links ညာဘက်ညှိထားသော မီနူးလင့်ခ်များ ဗဟိုပြုမီနူးလင့်ခ် တူညီသော အနံ မီနူးလင့်ခ်များ ပုံသေမီနူး Scroll တွင် Slide Down Bar Scroll တွင် Navbar ကိုဝှက်ထားပါ။ Scroll တွင် Navbar ကို လျှော့ပါ။ Sticky Navbar ပုံပေါ်ရှိ Navbar Dropdowns များကို ရွှေ့ပါ။ Dropdowns ကိုနှိပ်ပါ။ Cascading Dropdown Topnav တွင် dropdown Sidenav တွင် dropdown Resp Navbar Dropdown Subnavigation Menu Dropup Mega Menu မိုဘိုင်းမီနူး Curtain Menu ပြိုကျနေသော ဘေးဘား ပြိုကျနေသော ဘေးဘောင် Pagination Breadcrumbs ခလုတ်အုပ်စု ဒေါင်လိုက်ခလုတ်အုပ်စု Sticky Social Bar ဆေးပြားညွှန်း တုံ့ပြန်မှုဆိုင်ရာ ခေါင်းစီး

ပုံများ

ဆလိုက်ရှိုး ဆလိုက်ရှိုးပြခန်း Modal ပုံများ မီးပုံး Responsive Image Grid ရုပ်ပုံဂရစ် တဘ်ပြခန်း ပုံထပ်ဆင့်မှိန် ပုံထပ်ဆင့်ဆလိုက် ပုံကို ထပ်ဆင့်ချဲ့ပါ။ ပုံထပ်ဆင့်ခေါင်းစဉ် ပုံထပ်ဆင့်သင်္ကေတ ရုပ်ပုံအကျိုးသက်ရောက်မှုများ အဖြူအမည်းပုံ ရုပ်ပုံစာသား ရုပ်ပုံစာသား ပိတ်ဆို့ခြင်းများ ဖောက်ထွင်းမြင်ရသော ရုပ်ပုံစာသား စာမျက်နှာအပြည့်ပုံ ပုံပေါ်ဖောင် သူရဲကောင်းပုံရိပ် မှုန်ဝါးသော နောက်ခံပုံ Scroll တွင် Bg ကိုပြောင်းပါ။ ဘေးချင်းကပ်ပုံများ လုံးဝန်းသောပုံများ ကိုယ်ပွားပုံများ တုံ့ပြန်မှုပုံရိပ်များ စင်တာပုံများ ပုံသေးများ နယ်နိမိတ်ပုံ အသင်းနှင့်တွေ့ဆုံပါ။ ကပ်နေသောပုံ ပုံတစ်ပုံကိုလှန်ပါ။ ပုံတစ်ခုလှုပ်ပါ။ အစုစုပြခန်း အစုစုကို စီစစ်ခြင်း။ ရုပ်ပုံချဲ့ခြင်း။ ပုံရိပ်ချဲ့ဖန်ခွက် ပုံနှိုင်းယှဉ်ဆလိုက်ဒါ Favicon

ခလုတ်များ

သတိပေးခလုတ်များ ကောက်ကြောင်းခလုတ်များ ခလုတ်များ ခွဲပါ။ ကာတွန်းခလုတ်များ ခလုတ်များ နွမ်းလာသည်။ ပုံပေါ်ခလုတ် ဆိုရှယ်မီဒီယာခလုတ်များ Read More လျှော့ဖတ်ပါ။ ခလုတ်များဖွင့်ခြင်း။ ဒေါင်းလုဒ်ခလုတ်များ ဆေးလုံးခလုတ်များ အကြောင်းကြားချက်ခလုတ် Icon ခလုတ်များ Next/prev ခလုတ်များ Nav တွင် နောက်ထပ်ခလုတ် ခလုတ်များပိတ်ခြင်း။ စာသားခလုတ်များ အဝိုင်းခလုတ်များ အပေါ်ဆုံးခလုတ်ကို ရွှေ့ပါ။

ပုံစံများ

Login Form စာရင်းသွင်းပုံစံ ငွေထုတ်ပုံစံ ဆက်သွယ်ရန်ပုံစံ လူမှုရေးဝင်ရောက်မှုပုံစံ ဖောင်စာရင်းသွင်းပါ။ အိုင်ကွန်များဖြင့် ဖောင်ပုံစံ သတင်းလွှာ စုဖွဲ့ထားသောပုံစံ တုံ့ပြန်မှုပုံစံ ပေါ့ပ်အပ်ဖောင် Inline ပုံစံ ထည့်သွင်းမှုအကွက်ကို ရှင်းလင်းပါ။ နံပါတ်မြှားများကို ဝှက်ပါ။ စာသားကို ကလစ်ဘုတ်သို့ ကူးယူပါ။ သက်ဝင်လှုပ်ရှားရှာဖွေမှု ရှာဖွေရန်ခလုတ် မျက်နှာပြင်အပြည့် ရှာဖွေမှု Navbar တွင် ထည့်သွင်းသည့်အကွက် Navbar တွင် Login Form စိတ်ကြိုက်စစ်ဆေးပုံး/ရေဒီယို စိတ်ကြိုက်ရွေးချယ်ပါ။ ပြောင်းရန် Checkbox ကိုစစ်ဆေးပါ။ Caps Lock ကို ထောက်လှမ်းပါ။ Enter တွင် Trigger ခလုတ် စကားဝှက်အတည်ပြုခြင်း။ စကားဝှက် မြင်နိုင်မှုကို ပြောင်းပါ။ အဆင့်များစွာပုံစံ အလိုအလျောက်ဖြည့်ပါ။ အလိုအလျောက်ဖြည့်စွက်ခြင်းကို ပိတ်ပါ။ စာလုံးပေါင်းစစ်ဆေးခြင်းကို ပိတ်ပါ။ ဖိုင်တင်ခြင်းခလုတ် ဗလာထည့်သွင်းမှု အတည်ပြုခြင်း။

စစ်ထုတ်မှုများ

စာရင်းစစ် Filter ဇယား ဒြပ်စင်များကို စစ်ထုတ်ပါ။ Filter Dropdown စာရင်းခွဲပါ။ စာလုံးပေါင်းဇယား

စားပွဲများ

မြင်းကျားအစင်း စားပွဲ စင်တာဇယားများ ဇယားကွက် အကျယ် ဘေးချင်းကပ် ဇယားများ တုံ့ပြန်မှုဇယားများ နှိုင်းယှဉ်ဇယား

နောက်ထပ်

မျက်နှာပြင်အပြည့် ဗီဒီယို ပုံစံသေတ္တာများ Modal ကိုဖျက်ပါ။ အချိန်ဇယား Scroll Indicator တိုးတက်မှုဘားများ ကျွမ်းကျင်မှုဘား Range Sliders ကိရိယာအကြံပြုချက်များ မျက်နှာပြင် အစိတ်အပိုင်းကို ဖိထားပါ။ ပေါ့ပ်အပ်များ အထူးပင် ပြက္ခဒိန် HTML ပါဝင်သည်။ လုပ်ရန်စာရင်း လက်ဆွဲများ ကြယ်အဆင့်သတ်မှတ်ချက် အသုံးပြုသူ အဆင့်သတ်မှတ်ချက် ထပ်ဆင့်အကျိုးသက်ရောက်မှု ချစ်ပ်ပြားများ ဆက်သွယ်ပါ။ ကတ်များ ခေါက်ကတ် ပရိုဖိုင်ကတ် ထုတ်ကုန်ကတ် သတိပေးချက်များ အရေးပေါ်အတွက်ခေါ်သည် မှတ်စုများ တံဆိပ်များ စက်ဝိုင်းများ HR ပုံစံ ကူပွန် စာရင်းအဖွဲ့ ကျည်ဆံမပါတဲ့ စာရင်း တုံ့ပြန်သောစာသား Cutout စာသား တောက်ပသောစာသား ပုံသေ အောက်ခြေ စေးကပ်သောဒြပ်စင် တူညီသောအမြင့် ရှင်းလင်းချက် တုံ့ပြန်မှု Floats Snackbar မျက်နှာပြင်အပြည့် ပြတင်းပေါက် Scroll Drawing Smooth Scroll Gradient Bg Scroll ကပ်နေသော ခေါင်းစီး Scroll တွင် ခေါင်းစီးကို လျှော့ပါ။ စျေးနှုန်းဇယား Parallax အချိုးအစား တုံ့ပြန်မှု iframes ကြိုက်/မကြိုက် ခလုတ်ဖွင့်ပါ။ ဖျောက်/ပြရန် ပြောင်းရန် အမှောင်မုဒ်ကို ပြောင်းပါ။ စာသားပြောင်းပါ။ အတန်းပြောင်းရန် အတန်းကိုထည့်ပါ။ အတန်းကို ဖယ်ရှားပါ။ Active အတန်း သစ်ပင်မြင်ကွင်း ပစ္စည်းကို ဖယ်ရှားပါ။ အော့ဖ်လိုင်း ထောက်လှမ်းခြင်း။ Hidden Element ကိုရှာပါ။ ဝဘ်စာမျက်နှာကို ပြန်ညွှန်းပါ။ Zoom Hover Flip Box ဒေါင်လိုက်ဗဟို DIV ရှိ အလယ်ခလုတ် Hover တွင် အကူးအပြောင်း မြှားများ၊ ပုံစံမျိုးစုံ ဒေါင်းလုဒ်လင့် အမြင့်ဒြပ်စင် Browser Window စိတ်ကြိုက် Scrollbar Scrollbar ကို ဖျောက်ပါ။ ပြ/အတင်း Scrollbar ကိရိယာကို ကြည့်ပါ။ Contenteditable Border နေရာယူသူ အရောင် စာသားရွေးချယ်မှု အရောင် ကျည်ဆန်အရောင် ဒေါင်လိုက်မျဉ်း ပိုင်းခြားခြင်း။ Animate အိုင်ကွန်များ Countdown Timer လက်နှိပ်စက် Page မကြာမီလာမည် ချတ်မက်ဆေ့ချ်များ Popup Chat Window Split Screen သက်သေခံချက်များ အခန်းကောင်တာ Quotes Slideshow ပိတ်နိုင်သော ပစ္စည်းများစာရင်း ပုံမှန် စက်ပစ္စည်း ဖြတ်ပိုင်းများ ဆွဲယူနိုင်သော HTML Element JS မီဒီယာမေးခွန်းများ Syntax Highlighter JS Animations JS ကြိုးအရှည် JS အညွှန်းကိန်း JS Default Parameters လက်ရှိ URL ကိုရယူပါ။ လက်ရှိ မျက်နှာပြင်အရွယ်အစားကို ရယူပါ။ Iframe Elements ကိုရယူပါ။

ဝဘ်ဆိုဒ်

အခမဲ့ဝဘ်ဆိုဒ်တစ်ခုဖန်တီးပါ။ Website တစ်ခုလုပ်ပါ။ Static Website တစ်ခုလုပ်ပါ။ ဝဘ်ဆိုဒ်တစ်ခုဖန်တီးပါ (W3.CSS) ဝဘ်ဆိုဒ်တစ်ခုဖန်တီးပါ (BS3) ဝဘ်ဆိုဒ်တစ်ခုဖန်တီးပါ (BS4) ဝဘ်ဆိုဒ်တစ်ခုဖန်တီးပါ (BS5) ဝဘ်ဆိုဒ်တစ်ခုဖန်တီးပြီး ကြည့်ရှုပါ။ Link Tree ဝဘ်ဆိုဒ်တစ်ခုဖန်တီးပါ။ Portfolio တစ်ခုဖန်တီးပါ။ Resume တစ်ခုဖန်တီးပါ။ စားသောက်ဆိုင် Website တစ်ခုလုပ်ပါ။ Business Website တစ်ခုလုပ်ပါ။ WebBook တစ်ခုဖန်တီးပါ။ စင်တာဝဘ်ဆိုဒ် ဆက်သွယ်ရန်အပိုင်း Page အကြောင်း ခေါင်းစီးကြီး နမူနာ ဝဘ်ဆိုဒ်

ဂရစ်

2 ကော်လံ အပြင်အဆင် 3 ကော်လံ အပြင်အဆင် 4 Column Layout ဇယားကွက်ချဲ့ခြင်း။ စာရင်းဇယားကွက်မြင်ကွင်း ရောစပ်ထားသော ကော်လံ အပြင်အဆင် ကော်လံကတ်များ Zig Zag အပြင်အဆင် ဘလော့ အပြင်အဆင်

Google

Google Charts Google Fonts Google ဖောင့်အတွဲများ Google Analytics ကို စနစ်ထည့်သွင်းပါ။

ဘာသာပြန်များ

Weight ပြောင်းပါ။ အပူချိန်ပြောင်းပါ။ အရှည်ပြောင်းပါ။ မြန်နှုန်းကိုပြောင်းပါ။

ဘလော့

Developer အလုပ်တစ်ခုရယူပါ။ Front-End Dev ဖြစ်လာပါ။

Google Analytics ကို ဘယ်လို သတ်မှတ်မလဲ။

ဝဘ်အသွားအလာကို ကြည့်ရှုနားလည်ရန် Google Analytics ကို အသုံးပြုပါသည်။

၎င်းသည် အခမဲ့ဖြစ်ပြီး အသုံးပြုရလွယ်ကူသည်။

အသုံးပြုမှုများစွာအတွက် ၎င်းကို စိတ်ကြိုက်ပြင်ဆင်နိုင်သည်။

ဒါဟာ box ထဲကအလုပ်လုပ်ပါတယ်။

စနစ်ထည့်သွင်းရန် မြန်ဆန်သည်။ ယနေ့ သင့်အသိဥာဏ်များကို ရယူလိုက်ပါ။

ကျွန်ုပ်၏ အခမဲ့ ဝဘ်ဆိုဒ်ကို ဖန်တီးပါ ❯

Google Analytics အကြောင်းဖတ်ခြင်းကို ကျော်ပါ။ ငါ့ကို ပထမခြေလှမ်းဆီ တိုက်ရိုက်ခေါ်သွားပါ။ ပထမအဆင့်ကိုသွားပါ။

Google Analytics ဆိုတာဘာလဲ

Google Analytics သည် ဝဘ်ခွဲခြမ်းစိတ်ဖြာမှုဖြေရှင်းချက်တစ်ခုဖြစ်သည်။

၎င်းကို Google မှ ဖန်တီးပြီး ပံ့ပိုးထားသည်။

နောက်ဆုံးဗားရှင်းကို Google Analytics 4 ဟုခေါ်သည်။

ပရိသတ်၊ စာမျက်နှာကြည့်ရှုမှုများ၊ ဆက်ရှင်များနှင့်၊ လူဦးရေစာရင်းနှင့် ဖြစ်ရပ်များကဲ့သို့သော ဒေတာများကို ကြည့်ရှုရန် ၎င်းကို အသုံးပြုနိုင်သည်။

Google Analytics ကို ဘာကြောင့်ဖွင့်တာလဲ။

ပိုမိုကောင်းမွန်သော ဆုံးဖြတ်ချက်များချရန် သင့်ဝဘ်လမ်းကြောင်းကို နားလည်ပါ။

အရောင်းလမ်းကြောင်းကို နားလည်ပြီး တိုးတက်အောင်လုပ်ပါ။

စမ်းသပ်ခြင်းမှ သင်ယူပါ (ဥပမာ၊ a/b စမ်းသပ်မှုများ)။

Google တွင် Google Optimize ဟုခေါ်သော အခြားဖြေရှင်းချက်တစ်ခုရှိသည်။ ဤဖြေရှင်းချက်ကို စမ်းသပ်ရန်အတွက် ပြုလုပ်ထားသည်။


Google Analytics က ဘယ်သူလဲ။

Google Analytics သည် ဝဘ်ဆိုက်တစ်ခုရှိသူတိုင်းအတွက် အသုံးဝင်သည်။

၎င်းသည် သင့်ဆိုဒ်ကိုအသုံးပြုသည့်သူနှင့် ၎င်းနှင့်မည်ကဲ့သို့ တုံ့ပြန်ပုံအကြောင်း အချက်အလက်များကို သင့်အားပေးသည်။

ထို့အပြင်၊ interface သည်နားလည်ရန်လွယ်ကူသည်။

ဝန်ဆောင်မှုကို အသုံးပြုရန်နှင့် လမ်းညွှန်ရန်အတွက် သင်သည် ခွဲခြမ်းစိတ်ဖြာချက်နောက်ခံ မလိုအပ်ပါ။


Google Analytics ကို အဆင့်ဆင့်သတ်မှတ်နည်း

Google Analytics ကို ကမ္ဘာလုံးဆိုင်ရာ ဝဘ်ဆိုက် Tag (gtag.js) သို့မဟုတ် Google Tag Manager ကို နည်းလမ်းနှစ်မျိုးဖြင့် သတ်မှတ်နိုင်သည်

အလွယ်ဆုံးနည်းလမ်းမှာ The Global Website Tag ကို အသုံးပြုရန်ဖြစ်သည်။

ဤသင်ခန်းစာသည် The Global Website Tag ပညာရပ်ကို အသုံးပြုပါမည်။


ပြင်ဆင်မှုများ

မည်သည့်ကုဒ်တည်းဖြတ်သူကို အသုံးပြုရန်နှင့် သင့်ပတ်ဝန်းကျင်ကို စနစ်ထည့်သွင်းရန် ဆုံးဖြတ်ပါ။

W3Schools သည် W3Schools Spaces ဟုခေါ်သော အသုံးပြုရလွယ်ကူသော ကုဒ်တည်းဖြတ်သူကို ဖန်တီး ထားသည်။ အကောင့်ဖွင့်ပြီး ကလစ်အနည်းငယ်ဖြင့် စတင်လိုက်ပါ။

❯ အခမဲ့ စတင်ပါ

ကုဒ်ထည့်ရန် အသင့်ဖြစ်စေရန် သင်၏ index.html ဖိုင်ကို ဖန်တီးပါ ။

စနစ်ထည့်သွင်းမှုအားလုံး။ သွားကြရအောင်!


Google Analytics ကို စနစ်ထည့်သွင်းပါ- ကမ္ဘာလုံးဆိုင်ရာ ဝဘ်ဆိုက် Tag


အဆင့် 1- Google Analytics အကောင့်တစ်ခုဖန်တီးပါ။

Analytics သို့သွားပါ- အကောင့်တစ်ခုဖန်တီးပါ သို့မဟုတ် Analytics သို့ လက်မှတ်ထိုးဝင်ပါ။

အထက်ပါစာပိုဒ်ရှိလင့်ခ်သည် သင့်အား Google Analytics ဆင်းသက်သည့်စာမျက်နှာသို့ ခေါ်ဆောင်သွားမည်ဖြစ်သည်။

"အခမဲ့စတင်ရန်" ခလုတ်ကိုနှိပ်ပါ။

ဆင်းသက်သောစာမျက်နှာ

အဆင့် 2- ကြိုဆိုရေးစာမျက်နှာကို ထည့်သွင်းပါ။

အကောင့်တစ်ခုဖန်တီးပြီးနောက် သို့မဟုတ် အကောင့်ဝင်ပြီးနောက်၊ ဖြေရှင်းချက်ကို သင်ကြိုဆိုပါသည်။

ဆက်လက်ဆောင်ရွက်ရန် "စတင်တိုင်းတာခြင်း" ခလုတ်ကိုနှိပ်ပါ။

ကြိုဆိုပါတယ် page

အဆင့် 3- အကောင့်စနစ်ထည့်သွင်းခြင်း။

ဤနေရာတွင် ဆုံးဖြတ်ချက်နှစ်ခုချရန် သင့်တွင်ရှိသည်။

  1. သင့်အကောင့်အမည်ကို ထည့်သွင်းပါ။
  2. သင်မျှဝေလိုသည့်ဒေတာကို ဆုံးဖြတ်ပါ။
  3. "Next" ခလုတ်ကိုနှိပ်ပါ။

အကောင့်တစ်ခုတွင် ခြေရာခံ ID တစ်ခုထက်ပိုနိုင်သည်။ အကောင့်တစ်ခုဖြင့် ဝဘ်ဆိုက်တစ်ခုထက်ပို၍ ခြေရာခံနိုင်သည်။

အကောင့်တည်ဆောက်မှု ခြုံငုံသုံးသပ်ချက်

အဆင့် 4- ပိုင်ဆိုင်မှု စနစ်ထည့်သွင်းခြင်း။

အိမ်ခြံမြေသည် ဝဘ်ဆိုက်၊ အက်ပ်လီကေးရှင်း၊ လင့်ခ်သစ်ပင်စသည်ဖြင့် သင်တိုင်းတာသည့် ဝန်ဆောင်မှုဖြစ်သည်။

  1. ပိုင်ဆိုင်မှုအမည်ကို ထည့်သွင်းပါ။
  2. သင်၏အချိန်ဇုန်ကိုထည့်ပါ။
  3. သင်အသုံးပြုသောငွေကြေးကိုထည့်ပါ။
  4. "Next" ခလုတ်ကိုနှိပ်ပါ။
အိမ်ခြံမြေ စနစ်ထည့်သွင်းမှု ခြုံငုံသုံးသပ်ချက်

အဆင့် 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.

    တိုင်းတာမှု ID

    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.

    tagging ညွှန်ကြားချက်များ

    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