--- title: કોડ્સ અને વિજેટ્સ: કસ્ટમ CSS અને સ્ક્રિપ્ટ્સ description: હેડ અને બોડીમાં કસ્ટમ CSS, કોડ (કાઉન્ટર્સ, ચેટ્સ, પિક્સેલ્સ), પ્રતિબંધો અને સુરક્ષા કેવી રીતે ઉમેરવી. section: account keywords: કસ્ટમ CSS, હેડ કોડ, બોડી કોડ, કાઉન્ટર, ગૂગલ એનાલિટિક્સ, પિક્સેલ, ચેટ વિજેટ updated: 2026-09-16 --- સેટિંગ્સમાં "કોડ્સ અને વિજેટ્સ" વિભાગ તમને તમારી વેબસાઇટમાં તમારો પોતાનો કોડ દાખલ કરવાની મંજૂરી આપે છે: કાઉન્ટર્સ, જાહેરાત પિક્સેલ્સ, ચેટ વિજેટ્સ, કૂકી બેનરો, તેમજ દેખાવને સુધારવા માટે તમારા પોતાના CSS. ![કોડ્સ અને વિજેટ્સ બ્લોક](/wiki/img/settings-code.webp "માથામાં અને શરીરના અંતે કોડ") ## માથા અને શરીરમાં કોડ - **હેડ કોડ** — દરેક વેબસાઇટ પેજના `` માં દાખલ કરવામાં આવે છે. ગૂગલ એનાલિટિક્સ, મેટા પિક્સેલ અને વેરિફિકેશન મેટા ટેગ્સ માટે. - **મુખ્ય ભાગના અંતે રહેલો કોડ** `` પહેલા દાખલ કરવામાં આવે છે. ચેટ વિજેટ્સ, કૂકી બેનરો અને સ્ક્રિપ્ટ્સ માટે જેને લોડ કરેલા પૃષ્ઠની જરૂર હોય છે. સેવા દ્વારા પૂરા પાડવામાં આવેલ આખો કોડ પેસ્ટ કરો અને "સેવ" પર ક્લિક કરો. અક્ષર મર્યાદા પ્રતિ ફીલ્ડ 20,000 અક્ષરો છે. કોડ ફક્ત જાહેર વેબસાઇટ પર જ કામ કરે છે, તમારા એકાઉન્ટમાં નહીં. ઉદાહરણો: - ગુગલ એનાલિટિક્સ 4 - માથામાં `gtag.js` ફ્રેગમેન્ટ. - મેટા પિક્સેલ એ માથામાં રહેલા પિક્સેલનો એક ટુકડો છે. - ચેટ વિજેટ (ટોક, ક્રિસ્પ, જીવોચેટ) - બોડીમાં સ્ક્રિપ્ટ. - SEO બ્લોક → "અધિકારોની ચકાસણી" દ્વારા Google/Bing/Yandex અધિકારોની ચકાસણી કરવી વધુ અનુકૂળ છે. ## કસ્ટમ CSS કસ્ટમ CSS એઆઈ આસિસ્ટન્ટ અથવા કનેક્ટેડ AI ચેટ દ્વારા ઉમેરવામાં આવે છે: "CSS ઉમેરો: બટનોને સંપૂર્ણપણે ગોળાકાર બનાવો." આસિસ્ટન્ટ કોડ તપાસે છે અને તેને સાઇટ પર લાગુ કરે છે. ચોક્કસ કસ્ટમાઇઝેશન માટે, સાઇટ એલિમેન્ટ એટ્રિબ્યુટ્સનો ઉપયોગ કરો, જેમ કે કાર્ડ માટે `[data-asd="card"]`, હેડર માટે `[data-asd="header"]`, અને હીરો બ્લોક માટે `[data-asd="block-hero"]`. આસિસ્ટન્ટ એક યાદી સૂચવશે. તમારું CSS કેટલોગમાંથી CSS શૈલીથી અલગથી સંગ્રહિત થાય છે: જ્યારે તમે શૈલી બદલો છો, ત્યારે તમારા સંપાદનો સાચવવામાં આવે છે. ## મર્યાદાઓ અને સલામતી - તમારા CSS માં, `