دسته‌ها
مقالات آموزشی

نسخه بهبود یافته اسکریپت گوگل تگ منیجر

اگر به دنبال راهی برای افزایش سرعت اسکریپت مدیریت گوگل تگ در سایت وردپرس خود هستید، به محل مناسبی آمده‌اید. این اسکریپت مزاحم اما مفید که گوگل در اختیار صاحبان وب‌سایت‌های وردپرس قرار می‌دهد تا مجموعه‌ای از تزریق کد‌های مختلف را در وب‌سایت خود ادغام کنند. وقتی شما در تلاش برای دستیابی به برتری در سیستم امتیاز دهی Page Experience جدید گوگل هستید، واقعاً سرعت را کاهش می‌دهد.

همانطور که می‌دانید، اسکریپت، در واقع بارگذاری هیچ صفحه‌ای را در و‌ب‌سایت شما در دنیای واقعی به طور قابل ملاحظه‌ای کند نمی‌کند اما هنگام آزمایش سرعت سایت در گوگل پیج اسپید، تجربه کاربری بد صفحه و امتیازات را کاهش میدهد. ما در واقع راهی برای افزایش سرعت اسکریپت Google Tag Manager در سایت وردپرسی شما پیدا کرده‌ایم.

مشکل اسکریپت گوگل تگ منیجر چیست؟

گوگل تگ منیجر اسکریپتی را ارائه می‌دهد که طبق گفته‌های قبلی مشکلاتی در نتایج جستجو را به شما نمایش می‌دهد. به همین دلیل باید با استفاده از راهکاری هم این مورد را برطرف کرد و هم باعث شد که چنین خطای سرعتی وجود نداشته باشد.

راه‌حل واضح این است که “defer” را به محتوا اضافه کنید، بدین معنا که در ابتدا زمانیکه سایر موارد موجود در صفحه فرآیند تجزیه را به اتمام برسانند، روی هم قرار می‌گیرند ولی انجام این کار تفاوت چندانی ایجاد نمیکند. هنگام به تعویق انداختن اسکریپت گوگل تگ منیجر، چند مشکل پیش می‌آید. مسئله این است که بازدیدکننده می‌تواند صفحه را قبل از اینکه اسکریپت فرصتی برای اجرای صحیح داشته باشد ترک کند و آنچه را که شما نیاز دارید را فعال کند.


راه‌حلی برای افزایش سرعت اسکریپتGoogle Tag Manager

پس از بررسی کامل در چندین وبسایت و نتایج متفاوت در تست گوگل پیج اسپید، تغییراتی در اسکریپت و بخش پیج ویو ایجاد کردیم تا کد اسکریپت google tag manager را برای بهبود سرعت ویرایش کنیم.

اسکریپت قدیمی و آهسته Google Tag Manager

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','YOUR-GTM-ID-HERE');</script>
<!-- End Google Tag Manager -->

 در زیر اسکریپت‌های گوگل تگ منیجر گنجانده شده است که ما آنها را بهینه کرده‌ایم. این نحوه اجرای اسکریپت‌ها با اسکریپت استاندارد گوگل تگ منیجر است که گوگل در اختیار شما قرار می‌دهد تا در وب‌سایت خود جاسازی کنید.

اسکریپت جدید و بهبود‌‌یافته و سریع Google Tag Manager

در زیر اسکریپت جاسازی شده جدید و بهبود‌یافته‌ای است که برای سرعت بخشیدن به اسکریپت Google Tag Manager در سایت خود استفاده خواهید کرد قرار گرفته تا از آن برای بهبود وضع سایتتان استفاده کنید.

لطفاً اطمینان حاصل کنید که قسمت اسکریپت زیر را برای افزودن شناسه Google Tag Manager خود تغییر داده‌اید.

<script>
document.addEventListener('DOMContentLoaded', () => {
	/** init gtm after 3500 seconds - this could be adjusted */
	setTimeout(initGTM, 3500);
});
document.addEventListener('scroll', initGTMOnEvent);
document.addEventListener('mousemove', initGTMOnEvent);
document.addEventListener('touchstart', initGTMOnEvent);

function initGTMOnEvent (event) {
	initGTM();
	event.currentTarget.removeEventListener(event.type, initGTMOnEvent); // remove the event listener that got triggered
}

function initGTM () {
	if (window.gtmDidInit) {
		return false;
	}
	window.gtmDidInit = true; // flag to ensure script does not get added to DOM more than once.
	const script = document.createElement('script');
	script.type = 'text/javascript';
	script.async = true;
	script.onload = () => { dataLayer.push({ event: 'gtm.js', 'gtm.start': (new Date()).getTime(), 'gtm.uniqueEventId': 0 }); } // this part ensures PageViews is always tracked
	script.src = 'https://www.googletagmanager.com/gtm.js?id=YOUR-GTM-ID-HERE';

	document.head.appendChild(script);
}
</script>

راهکارهای دیگری برای بهبود وضعیت سرعت سایت

در این مقاله ما تلاش داشتیم یک راهکار بسیار کاربردی که کمتر کسی به آن توجه می‌کند و میتواند علاوه بر بخش سرعت بارگذاری در سئو سایت هم به شما کمک کند ارائه دهیم. میتوانید از دیگر آموزشهای مربوط به سرعت سایت ما هم استفاده کنید و اگر نیاز به راهنمایی تخصصی دارید میتوانید از مشاوره رایگان ما و یا سرویس بسیار کاربردی و نتیجه‌بخش بهبود سرعت ما استفاده کنید.

به ما بسپارید!

بهبود سرعت وردپرس

در دوینگو، ما سرعت سایت شما را در کمترین زمان ممکن افزایش می دهیم و نتایج بالای 90 را در جی تی متریکس می گیریم.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *