--- title: ကုဒ်များနှင့် ဝစ်ဂျက်များ- စိတ်ကြိုက် CSS နှင့် script များ description: စိတ်ကြိုက် CSS၊ head နှင့် body တွင် ကုဒ် (counters၊ chats၊ pixels)၊ ကန့်သတ်ချက်များနှင့် လုံခြုံရေးတို့ကို မည်သို့ထည့်သွင်းရမည်နည်း။ section: account keywords: စိတ်ကြိုက် CSS၊ ဦးခေါင်းကုဒ်၊ ခန္ဓာကိုယ်ကုဒ်၊ ကောင်တာ၊ Google Analytics၊ pixel၊ ချတ်ဝစ်ဂျက် updated: 2026-09-16 --- ဆက်တင်ရှိ "ကုဒ်များနှင့် ဝစ်ဂျက်များ" အပိုင်းတွင် သင့်ကိုယ်ပိုင်ကုဒ်ကို သင့်ဝက်ဘ်ဆိုက်ထဲသို့ ထည့်သွင်းနိုင်စေသည်- ကောင်တာများ၊ ကြော်ငြာပစ်ဇယ်များ၊ ချတ်ဝစ်ဂျက်များ၊ ကွတ်ကီးဘန်နာများအပြင် အသွင်အပြင်ကို ပိုမိုကောင်းမွန်စွာ ချိန်ညှိရန်အတွက် သင့်ကိုယ်ပိုင် CSS တို့ဖြစ်သည်။ ![ကုဒ်များနှင့် ဝစ်ဂျက်များ ပိတ်ဆို့ခြင်း](/wiki/img/settings-code.webp "ဦးခေါင်းနှင့် ခန္ဓာကိုယ်၏ အဆုံးတွင် ကုဒ်") ## ဦးခေါင်းနှင့် ခန္ဓာကိုယ်တွင် ကုဒ် - **Head code** — ဝဘ်ဆိုက်စာမျက်နှာတစ်ခုစီ၏ `` တွင်ထည့်သွင်းထားသည်။ Google Analytics၊ Meta Pixel နှင့် အတည်ပြုချက် meta tag များအတွက်။ - **body ရဲ့အဆုံးမှာရှိတဲ့ကုဒ်ကို** `` မတိုင်ခင်ထည့်ပါတယ်။ စာမျက်နှာဖွင့်ဖို့လိုအပ်တဲ့ chat widget တွေ၊ cookie banner တွေနဲ့ script တွေအတွက်ပါ။ ဝန်ဆောင်မှုမှ ပေးထားသည့်အတိုင်း ကုဒ်တစ်ခုလုံးကို ကူးထည့်ပြီး "သိမ်းဆည်းရန်" ကို နှိပ်ပါ။ အကွက်တစ်ခုလျှင် စာလုံးရေ ၂၀,၀၀၀ ကန့်သတ်ချက်ရှိသည်။ ကုဒ်သည် အများသုံး ဝဘ်ဆိုက်တွင်သာ အလုပ်လုပ်ပြီး သင့်အကောင့်တွင် အလုပ်မလုပ်ပါ။ ဥပမာများ- - Google Analytics 4 - head မှာ `gtag.js` အပိုင်းအစတစ်ခု။ - Meta Pixel ဆိုသည်မှာ ဦးခေါင်းအတွင်းရှိ pixel ၏ အစိတ်အပိုင်းတစ်ခုဖြစ်သည်။ - ချတ်ဝစ်ဂျက် (Tawk၊ Crisp၊ JivoChat) - body ထဲက script။ - SEO block → “အခွင့်အရေးများ အတည်ပြုခြင်း” မှတစ်ဆင့် Google/Bing/Yandex မူပိုင်ခွင့်များကို အတည်ပြုခြင်းသည် ပိုမိုအဆင်ပြေပါသည်။ ## စိတ်ကြိုက် CSS Custom CSS ကို AI assistant သို့မဟုတ် ချိတ်ဆက်ထားသော AI chat မှတစ်ဆင့် ထည့်သွင်းထားသည်- "Add CSS: make buttons completely round." assistant သည် ကုဒ်ကို စစ်ဆေးပြီး site တွင် အသုံးချသည်။ တိကျသော စိတ်ကြိုက်ပြင်ဆင်မှုအတွက် site element attribute များကို အသုံးပြုပါ၊ ဥပမာ card အတွက် `[data-asd="card"]` ၊ header အတွက် `[data-asd="header"]` နှင့် hero block အတွက် `[data-asd="block-hero"]` ။ assistant သည် list တစ်ခုကို အကြံပြုလိမ့်မည်။ သင့် CSS ကို ကတ်တလောက်မှ CSS ပုံစံနှင့် သီးခြားသိမ်းဆည်းထားသည်- ပုံစံကို ပြောင်းလဲလိုက်သောအခါ၊ သင့်တည်းဖြတ်မှုများကို ထိန်းသိမ်းထားမည်ဖြစ်သည်။ ## ကန့်သတ်ချက်များနှင့် ဘေးကင်းရေး - သင့် CSS မှာ `