ကုဒ်များနှင့် ဝစ်ဂျက်များ- စိတ်ကြိုက် CSS နှင့် script များ
ဆက်တင်ရှိ "ကုဒ်များနှင့် ဝစ်ဂျက်များ" အပိုင်းတွင် သင့်ကိုယ်ပိုင်ကုဒ်ကို သင့်ဝက်ဘ်ဆိုက်ထဲသို့ ထည့်သွင်းနိုင်စေသည်- ကောင်တာများ၊ ကြော်ငြာပစ်ဇယ်များ၊ ချတ်ဝစ်ဂျက်များ၊ ကွတ်ကီးဘန်နာများအပြင် အသွင်အပြင်ကို ပိုမိုကောင်းမွန်စွာ ချိန်ညှိရန်အတွက် သင့်ကိုယ်ပိုင် CSS တို့ဖြစ်သည်။
ဦးခေါင်းနှင့် ခန္ဓာကိုယ်တွင် ကုဒ်#
- Head code — ဝဘ်ဆိုက်စာမျက်နှာတစ်ခုစီ၏
<head>တွင်ထည့်သွင်းထားသည်။ Google Analytics၊ Meta Pixel နှင့် အတည်ပြုချက် meta tag များအတွက်။ - body ရဲ့အဆုံးမှာရှိတဲ့ကုဒ်ကို
</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 မှာ
<style>,<script>,@importtags တွေနဲ့ expressions တွေကို တားမြစ်ထားပါတယ် - validation လုပ်တဲ့အချိန်မှာ ဖယ်ရှားပစ်လိုက်ပါတယ်။ - head နှင့် body ရှိ script များကို visitor ၏ browser တွင် execute လုပ်ပါသည်။ သင်ယုံကြည်ရသော service များမှ code များကိုသာ ထည့်သွင်းပါ။
- ကူးထည့်ပြီးနောက် ဆိုက်သည် "ပျက်သွား" ပါက၊ အကွက်ကို ရှင်းလင်းပြီး သိမ်းဆည်းပါ - ဆိုက်သည် ၎င်း၏ ပုံမှန်အသွင်အပြင်သို့ ပြန်ရောက်သွားပါလိမ့်မည်။
မေးခွန်းများနှင့် အဖြေများ#
ကောင်တာက မရေတွက်ဘူး#
ကုဒ်ကို head မှာ paste လုပ်ပြီး save လုပ်ထားကြောင်း၊ site ဟာ public address (သင့်အကောင့်မှာ မဟုတ်ဘဲ) မှာ ဖွင့်ထားကြောင်း သေချာပါစေ။ Ad blocker တွေက verification ကို အနှောင့်အယှက်ပေးနိုင်ပါတယ်။
မြေပုံ ဒါမှမဟုတ် ဖောင်ထည့်လို့ရပါသလား။#
ဟုတ်ကဲ့၊ AI assistant မှတစ်ဆင့် စာမျက်နှာပေါ်ရှိ "Custom HTML" block တစ်ခုအနေဖြင့်။ Home နှင့် Menu ကို ကြည့်ပါ။