প্লাগইন ছাড়া ওয়ার্ডপ্রেসে গুগল অ্যানালিটিক্স কীভাবে যোগ করবেন (এবং এটিকে দ্রুত রাখবেন)

অধিকাংশ ওয়ার্ডপ্রেস পারফরম্যান্স সমস্যা একইভাবে শুরু হয়: একটি সাধারণ কাজের জন্য "আরও একটি প্লাগইন" যোগ করা।

আপনি যখন একটি গুগল অ্যানালিটিক্স প্লাগইন ইনস্টল করেন—এমনকি MonsterInsights বা Site Kit-এর মতো জনপ্রিয়গুলোও—তখন আপনি কেবল ট্র্যাকিং পাচ্ছেন না। আপনি আপনার ওয়ার্ডপ্রেস ব্যাকএন্ডে অতিরিক্ত ডাটাবেস টেবিল, ড্যাশবোর্ড উইজেট, মার্কেটিং পপআপ এবং কখনও কখনও কয়েক ডজন অতিরিক্ত ডাটাবেস কুয়েরি যুক্ত করছেন।

সবই একটি সাধারণ 73KB স্ক্রিপ্টের জন্য যা আপনি নিজেই ৩ মিনিটে ইনস্টল করতে পারেন।

যদি আপনি যত্নশীল হন কোর ওয়েব ভাইটালস, টাইম টু ফার্স্ট বাইট (TTFB) এবং আপনার অ্যাডমিন ড্যাশবোর্ড পরিষ্কার রাখার বিষয়ে, তবে ম্যানুয়ালি গুগল অ্যানালিটিক্স যোগ করাই একমাত্র উপায়।

এই নির্দেশিকাটি আপনাকে দেখাবে কিভাবে আপনার ওয়ার্ডপ্রেস সাইটে প্লাগইন ছাড়াই গুগল অ্যানালিটিক্স ৪ (GA4) যোগ করবেন, যাতে এটি অত্যন্ত দ্রুত থাকে।

---

কেন অ্যানালিটিক্স প্লাগইন এড়িয়ে চলবেন? পারফরম্যান্সের খরচ

কোড দেখার আগে, আসুন ডেটা দেখি। কেন ম্যানুয়াল ইনস্টলেশনের ঝামেলায় যাবেন?

1. ডাটাবেস ব্লোট: অ্যানালিটিক্স প্লাগইনগুলি প্রায়শই আপনার wp_options টেবিলে কনফিগারেশন ডেটা এবং ক্যাশে রিপোর্ট সংরক্ষণ করে। সময়ের সাথে সাথে, এটি ডাটাবেস কুয়েরিকে ধীর করে দেয়।
2. অ্যাডমিন প্যানেলের ধীরগতি: আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডের ভেতরে ইন্টারেক্টিভ চার্ট লোড করা সার্ভারের রিসোর্স খরচ করে। আপনার অ্যাডমিন এলাকাটি কন্টেন্ট তৈরির জন্য হওয়া উচিত, ডেটা ভিজ্যুয়ালাইজেশনের জন্য নয়। তার জন্য আপনার কাছে আসল গুগল অ্যানালিটিক্স ড্যাশবোর্ড রয়েছে।
3. ফ্রন্টএন্ড ওভারহেড: কিছু প্লাগইন তাদের নির্দিষ্ট ইন্টিগ্রেশন কাজ করার জন্য গুগল ট্র্যাকিং কোডের পাশাপাশি তাদের নিজস্ব CSS বা JS ফাইল লোড করে।
4. ভালনারেবিলিটি সারফেস: আপনার যোগ করা প্রতিটি প্লাগইন একটি সম্ভাব্য নিরাপত্তা ঝুঁকি।

ম্যানুয়াল পদ্ধতি ব্যবহার করে, আপনি ঠিক শূন্য ওভারহেড আপনার সার্ভারে যোগ করেন।

---

ধাপ ১: আপনার GA4 ট্র্যাকিং কোড পান

ওয়ার্ডপ্রেসে হাত দেওয়ার আগে, আপনার অনন্য গুগল ট্যাগ প্রয়োজন।

1. আপনার গুগল অ্যানালিটিক্স অ্যাকাউন্টে লগ ইন করুন।
2. ক্লিক করুন অ্যাডমিন নিচের বাম কোণে থাকা গিয়ার আইকনে।
3. আপনার প্রপার্টি সেটিংসের অধীনে, ক্লিক করুন ডেটা স্ট্রিমস.
4. আপনার ওয়েবসাইটের ডেটা স্ট্রিম নির্বাচন করুন।
5. নিচের দিকে স্ক্রোল করে গুগল ট্যাগ সেকশনে যান এবং ক্লিক করুন ট্যাগ নির্দেশাবলী দেখুন.
6. ট্যাবটিতে স্যুইচ করুন ম্যানুয়ালি ইনস্টল করুন ট্যাবে।

আপনি একটি কোড স্নিপেট দেখতে পাবেন যা দেখতে এরকম:

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

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

এই পুরো কোড ব্লকটি কপি করুন।

---

ধাপ ২: সঠিক উপায় (ব্যবহার করে functions.php)

আপনার সাইটে এই কোডটি যোগ করার দুটি উপায় আছে। আমরা functions.php পদ্ধতিটি ব্যবহার করব।

কেন? কারণ আপনার header.php ফাইল সরাসরি এডিট করা ঝুঁকিপূর্ণ। আপনি যদি চাইল্ড থিম ব্যবহার না করে থিম পরিবর্তন করেন বা থিম আপডেট করেন, তবে আপনার ট্র্যাকিং কোড মুছে যাবে।

আপনার functions.php ফাইলে ওয়ার্ডপ্রেস হুক ব্যবহার করা আরও পরিষ্কার, নিরাপদ এবং কাস্টম কোডের জন্য ইন্ডাস্ট্রির মান।

গুরুত্বপূর্ণ পূর্বশর্ত: আপনাকে অবশ্যই একটি চাইল্ড থিম ব্যবহার করতে হবে। আপনি যদি এটি প্যারেন্ট থিমে যোগ করেন, তবে পরবর্তী থিম আপডেটে এটি মুছে যাবে।

1. আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ডে লগ ইন করুন।
2. নেভিগেট করুন অ্যাপিয়ারেন্স > থিম ফাইল এডিটর.
3. ডানদিকে "থিম ফাইলস"-এর অধীনে, নির্বাচন করুন থিম ফাংশনস (functions.php).
4. ফাইলের একদম নিচে স্ক্রোল করুন।
5. নিচের পিএইচপি স্নিপেটটি পেস্ট করুন এবং প্লেসহোল্ডার কমেন্টটি আপনার আসল GA4 কোড দিয়ে প্রতিস্থাপন করুন:

/**
 * Add Google Analytics to WordPress header safely.
 */
add_action('wp_head', 'insert_custom_google_analytics', 20);

function insert_custom_google_analytics() ?>
    <!-- PASTE YOUR GOOGLE TAG CODE HERE -->
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-XXXXXXXXXX');
    </script>
<?php }

আসুন ভেঙে দেখি কেন এই স্নিপেটটি অপ্টিমাইজ করা হয়েছে:

• add_action('wp_head', ...): This hooks into WordPress right before the  </head> tag closes, ensuring the script loads early enough to track bounces, but doesn’t break your page structure.
• 20: এটি অগ্রাধিকার নম্বর। এটিকে ২০ (ডিফল্ট ১০) এ সেট করে, আমরা ওয়ার্ডপ্রেসকে এটি কিছুটা পরে হেডার সিকোয়েন্সে লোড করতে বলি, যাতে আপনার মূল সিএসএস এবং গুরুত্বপূর্ণ থিম স্ক্রিপ্টগুলোকে আগে অগ্রাধিকার দেওয়া যায়।
• async: লক্ষ্য করুন async গুগল স্ক্রিপ্ট ট্যাগে অ্যাট্রিবিউট। এটি ব্রাউজারকে আপনার পেজের রেন্ডারিং ব্লক না করে ব্যাকগ্রাউন্ডে স্ক্রিপ্টটি ডাউনলোড করতে বলে।

একবার পেস্ট করা হয়ে গেলে, ক্লিক করুন ফাইল আপডেট করুন.

---

ধাপ ৩: এটি কাজ করছে কিনা যাচাই করুন (২৪ ঘণ্টা অপেক্ষা না করেই)

আপনি সঠিকভাবে ইনস্টল করেছেন কিনা তা দেখার জন্য আপনাকে একদিন অপেক্ষা করতে হবে না।

1. একটি নতুন “ইনকগনিটো” বা “প্রাইভেট ব্রাউজিং” উইন্ডো খুলুন।
2. আপনার ওয়েবসাইটের হোমপেজে যান এবং কয়েকটি পৃষ্ঠায় ক্লিক করুন।
3. আপনার গুগল অ্যানালিটিক্স ড্যাশবোর্ডে ফিরে যান।
4. নেভিগেট করুন রিপোর্ট > রিয়েলটাইম.

আপনার অন্তত দেখা উচিত 1 আপনার সাইটে সক্রিয় ব্যবহারকারী। যদি আপনি তা দেখেন, অভিনন্দন—আপনি কোনো প্লাগইন ছাড়াই সফলভাবে GA4 প্রয়োগ করেছেন।

---

সারসংক্ষেপ: একটি হালকা ওয়ার্ডপ্রেস

প্লাগইন ছাড়া গুগল অ্যানালিটিক্স যোগ করা মানে শুধু কয়েক বাইট বাঁচানো নয়; এটি একটি স্থাপত্য মানসিকতা। আপনার ওয়ার্ডপ্রেস ডাটাবেস এবং অ্যাডমিন প্যানেল থেকে তৃতীয় পক্ষের মার্কেটিং টুলগুলো দূরে রেখে, আপনি একটি পরিষ্কার, দ্রুত এবং আরও নিরাপদ ওয়েবসাইট বজায় রাখেন।

প্রতিবার যখন আপনি একটি ভারী প্লাগইনকে একটি পরিষ্কার, ১০-লাইনের ফাংশন দিয়ে প্রতিস্থাপন করতে পারেন, আপনার সাইট দ্রুততর হয়। এবং আধুনিক এসইও-তে, গতিই সবকিছু।