আমার কি গুগল অ্যানালিটিক্স জেএসকে <হেড> বা <body> এর শেষে রাখা উচিত?


123

গুগল আমাকে জাভাস্ক্রিপ্টের একটি অংশ দেয় এবং আমাকে এটিতে অন্তর্ভুক্ত করতে বলে <head>

আমি কি এটির শেষে রেখে দিতে পারি <body>বা যদি আমি এটি করি তবে কিছু পার্শ্ব প্রতিক্রিয়া হবে?


3
তারা কি বলছেন না যে তারা এটি </body> ট্যাগ বন্ধ করার আগে রাখবেন? নাকি এই বদলেছে?
মার্কো

উত্তর:


155

<head>বিভাগটির শেষে রেখে দেওয়া কোনও ব্যবহারকারী পৃষ্ঠা পৃষ্ঠাটি লোড শেষ করতে দেয় না এমনকি আপনার মেট্রিকগুলি ট্র্যাক হওয়ার বিষয়টি নিশ্চিত করতে সহায়তা করে।

পৃষ্ঠাগুলির আংশিক লোডিং পরিচালনা করার জন্য সমর্থন যোগ করার আগে তারা আপনাকে পৃষ্ঠার নীচে রেখে দিতে বলত।

সরাসরি গুগল থেকে:

অ্যাসিনক্রোনাস স্নিপেটের অন্যতম প্রধান সুবিধা হ'ল আপনি এটি HTML ডকুমেন্টের শীর্ষে রাখতে পারেন। এটি ব্যবহারকারী পৃষ্ঠাটি ছাড়ার আগে ট্র্যাকিং বীকন প্রেরণের সম্ভাবনা বাড়িয়ে তোলে। <head>বিভাগে জাভাস্ক্রিপ্ট কোড রাখার প্রচলন রয়েছে এবং সেরা পারফরম্যান্সের জন্য আমরা স্নিপেটটি বিভাগের নীচে রাখার পরামর্শ দিই।

দেখুন Google এনালিটিক্স সাহায্য : আপনার সাইটে সরাসরি ট্র্যাকিং কোড যোগ করুন


8
সুতরাং এটি ঠিক আছে যদি আমি এটি নীচে রাখি? আমি বরং আমার পৃষ্ঠাগুলি নীচে সমস্ত কিছু রেখে (এবং যথাযথ রেন্ডারিংয়ের জন্য শীর্ষে সিএসএস) চাপিয়েছি - সম্পাদনা- এর স্থূলটি সেখানে জেএস স্থাপন করা।

2
হ্যাঁ, এটি করা ভাল; আমার আসলে একটি মিশ্রণ রয়েছে, তবে বেশিরভাগই উল্লিখিত কারণে এটি শীর্ষে রেখে স্থানান্তরিত হয়েছে।
ক্রিস আরগুইন

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

3
একটি আংশিক পৃষ্ঠা লোড সাইটের মালিকদের এমন কিছু বোঝাতে পারে যা তাদের ঠিক করতে হবে। আপনার স্টোরের কেউ পদক্ষেপের কথা কল্পনা করুন, কেবল তা বুঝতে পেরে বাইরের লোকেরা তাদের প্রবেশের পথে ভ্রান্ত করেছে। এটি ঠিক করার জন্য আপনি আপনার বিজ্ঞাপনটি সংশোধন করতে চান।
অপ্টিমাস

2
এটির জন্য একটি ছোট আপডেট: শেষের পরিবর্তে <head>, লিঙ্ক-এ থাকা পৃষ্ঠায় এখন বলা হয়েছে "প্রতিটি পৃষ্ঠায় <হেড> ট্যাগ খোলার পরে ঠিক ট্যাগ যুক্ত করুন Add"
ব্র্যান্ডন 15

6

আপনি এটি যে কোনও জায়গায় রাখতে পারেন। আমি সর্বদা পৃষ্ঠার শেষে ট্র্যাকিং কোড রেখেছি এবং আমার কোনও সমস্যা হয়নি।


2
আপনি এমন কোনও ব্যবহারকারীকে কেন শনাক্ত করতে চান যে আংশিকভাবে আপনার পৃষ্ঠাটি লোড করে এবং কয়েক মিনিটের মধ্যে ছেড়ে যায়?
জোও পিমেন্টেল

@ জোওপিমেন্টেলফেরিরা কারণ এটি মূল্যবান তথ্যও, আপনি%% মতামতটি কী রকমের তা মাপতে চাইতে পারেন
জঙ্গোরেকি

3

আপনি পৃষ্ঠায় আপনি এটি যে কোনও জায়গায় রাখতে পারেন, এবং এটি পৃষ্ঠায় বা দেহের মধ্যেই হোক না কেন পৃষ্ঠার যে কোনও জায়গায় চালিয়ে যাবেন। তবে গুগল সমর্থন অনুসারে ( সরাসরি আপনার সাইটে ট্র্যাকিং কোড যুক্ত করুন ) এটি হেড ট্যাগে এটি দেওয়া বাঞ্ছনীয়, বন্ধ হওয়ার </head>ট্যাগের আগেই এটি আটকে দিন ।

কেন হেড ট্যাগে কোড রাখবেন তা ব্যাখ্যা করে একটি ভাল নিবন্ধ থেকে অনুচ্ছেদ অনুসরণ করা হচ্ছে

এই পৃষ্ঠাটি লোড হওয়ার পরে পৃষ্ঠা ভিউটি রেকর্ড করা হয়। সুতরাং আপনি যত তাড়াতাড়ি কোডটি লোড করবেন তত তাড়াতাড়ি পৃষ্ঠা ভিউ রেকর্ড করা হবে। ধরা যাক আপনার একটি বড় ব্লগ পৃষ্ঠা রয়েছে, এবং এটি ধীরে ধীরে লোড হচ্ছে, সবকিছু লোড করতে 10 থেকে 20 সেকেন্ড পর্যন্ত সময় নেয়। যদি আপনার গুগল কোড পৃষ্ঠাটির শেষ না হওয়া পর্যন্ত শুরু না করে তবে এটি ধরে রাখতে পারে ঠিক যেমন পুরানো নন-অ্যাসিনক্রোনাস কোড অন্য কোডের লাইন ধরে রাখতে ব্যবহৃত হয়। এখনই এটি ট্র্যাকিং কোড ধরে রেখেছে। যদি আপনার সাইটে কোনও দর্শক পৃষ্ঠাটি হিট করে এবং তারপরে ট্র্যাকিং কোডটি পৃষ্ঠা ভিউয়ের আগে আগুন দেয় তবে আপনি সেই দর্শক হারাবেন। তারা এখন তারা যে সাইটের উপরে উঠেছে তার যে কোনও পৃষ্ঠায় একটি নতুন সরাসরি দর্শন হয়ে যায়। এটি আপনার সাইটে সমস্ত ধরণের ডেটা ভুল করতে পারে।


0

মাথার মধ্যে, </ head> ট্যাগটি বন্ধ করার ঠিক আগে, তারপরে ওয়েবমাস্টার সরঞ্জামগুলিতে আপনার ওয়েবসাইট যাচাই করতে আপনার কোনও সমস্যা হবে না।


0

আপনার সাইটের টেম্পলেটগুলিতে নিম্নলিখিত কোডটি ("জাভাস্ক্রিপ্ট ট্র্যাকিং স্নিপেট" হিসাবে পরিচিত) যুক্ত করা বিশ্লেষণ.জেএস ব্যবহার শুরু করার সহজতম উপায়।

কোডটি ট্যাগের শীর্ষের নিকটে এবং অন্য কোনও স্ক্রিপ্ট বা সিএসএস ট্যাগের আগে যুক্ত করা উচিত এবং 'ইউএ-এক্সএক্সএক্সএক্সএক্সএইচ-ওয়াই' স্ট্রিংটি গুগল অ্যানালিটিক্সের সম্পত্তি আইডি ("ট্র্যাকিং আইডি" নামে পরিচিত) দিয়ে প্রতিস্থাপন করা উচিত সম্পত্তি আপনি ট্র্যাক করতে চান।

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

উপরের কোডটি চারটি প্রধান কাজ করে:

  1. Https://www.google-analytics.com/analytics.js থেকে অ্যানালিটিক্স.জেএসএস জাভাস্ক্রিপ্ট লাইব্রেরিটি অবিচ্ছিন্নভাবে ডাউনলোড করা শুরু করে এমন একটি উপাদান তৈরি করে

  2. একটি গ্লোবাল ga ফাংশন (ga () কমান্ড সারি বলা হয়) শুরু করে যা আপনাকে একবার অ্যানালিটিক্যালস.জেএস লাইব্রেরি লোড হয়ে যাওয়ার জন্য প্রস্তুত হওয়ার পরে চালানোর জন্য আদেশগুলি নির্ধারণ করার অনুমতি দেয়।

  3. 'ইউএ-এক্সএক্সএক্সএক্সএক্স-ওয়াই' প্যারামিটারের মাধ্যমে নির্দিষ্ট করা সম্পত্তির জন্য একটি নতুন ট্র্যাকার অবজেক্ট তৈরি করতে গা () কমান্ড কাতারে একটি কমান্ড যুক্ত করে।

  4. বর্তমান পৃষ্ঠার জন্য গুগল অ্যানালিটিকসে একটি পৃষ্ঠা ভিউ প্রেরণের জন্য গা () কমান্ড কাতারে অন্য একটি কমান্ড যুক্ত করেছে।


আসুন কিছুটা ঘনিষ্ঠভাবে দেখা যাক, কারণ এটিকে একটি "কমান্ড সারি" বলার উপায় দিচ্ছে, খুব বেশি ক্রেডিট। সংক্ষিপ্ত অগলিফাইড কোডটি কয়েকটি যুক্তি গ্রহণ করে যা এটি কয়েকটি জিনিস আনপ্যাক করতে ব্যবহার করে এবং একটি সীমাবদ্ধ Array.pushফাংশনে একটি হ্যান্ডেল অর্জন করে। ga"ফাংশন" সম্পূর্ণরূপে যে আবদ্ধ হয় push। সুতরাং, তাত্ক্ষণিকভাবে অনুরোধগুলি অপ্টিমাইজ করা যেতে পারে: যদি না পাওয়া যায় তবে একটি ফাঁকা অ্যারে তৈরি না করে ( []) পাওয়া যায় না , প্রতিটি gaকলের জন্য "আর্গুমেন্ট" অ্যারে দিয়ে এটি তৈরি করুন: [['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
অ্যামগ্রেগ্রোর ২

-3

আপনার কোডটি সর্বদা ট্যাগের শীর্ষের নিকটে এবং অন্য কোনও স্ক্রিপ্ট বা সিএসএস ট্যাগের আগে যুক্ত করা 'UA-XXXXX-Y'উচিত এবং স্ট্রিংটি IDআপনার ট্র্যাক করতে ইচ্ছুক Google অ্যানালিটিক্স সম্পত্তির ("ট্র্যাকিং আইডি" নামে পরিচিত) দিয়ে প্রতিস্থাপন করা উচিত ।


2
এটি প্রশ্নের উত্তর দেয় না। আপনারা যেমন বলছেন তেমন না করার পার্শ্ব প্রতিক্রিয়াগুলি কী তা জিজ্ঞাসা করছে।
পিটার হল
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.