אחרי העברת המדידה של Google Ads ו-Google Analytics עבור החנות שלכם ב-Shopify לאפליקציית Google & YouTube, חיוני להסיר תגים כפולים שהותקנו בעבר. אם אתם מגישים כרגע הצעות מחיר להמרות מותאמות אישית באמצעות מעקב אחר פיקסלים ב-Shopify, הקפידו לשנות את פעולת ההמרה לזו שנמדדת על ידי אפליקציית Google & YouTube. כאן אפשר לקרוא מידע נוסף על העברת התגים לאפליקציית Google & YouTube
אם לא תסירו את התגים הכפולים, יכול להיות שתיתקלו במצבים הבאים:
- מעקב כפול
- נתונים לא מדויקים
- השפעה שלילית על האופטימיזציה של קמפיין הפרסום
איך פותרים את הבעיה
כדאי לקרוא את הסעיפים הבאים כדי לקבל הוראות להסרת תגים כפולים בהתאם למקום שבו הטמעתם אותם:
- הסרת תגי פיקסל (pixel tag) כפולים מותאמים אישית
- הסרת תגים כפולים מסקריפטים נוספים בשלב התשלום
- הסרת תגים כפולים מ-
checkout.liquid - הסרת תגים כפולים מ-
theme.liquid
הסרת תגי פיקסל (pixel tag) כפולים מותאמים אישית
Google Analytics [Video] Remove duplicate custom pixel 2nd entry
- בדף הניהול של Shopify, עוברים לקטע Settings (הגדרות) ואז ל-Customer events (אירועי לקוחות) בדף הניהול של Shopify.
- מוצאים את הפיקסל המותאם אישית שרוצים להשבית.
- לוחצים על Disconnect (ניתוק) לצד הפיקסל.
- כדי להסיר את הפיקסל לחלוטין, לוחצים על Delete (מחיקה) ומאשרים את המחיקה.
הסרת תגים ישירים כפולים מסקריפטים נוספים
הערה: קטע הסקריפטים הנוספים בדף Order status (סטטוס הזמנה) בדף הניהול של Shopify אינו ניתן להרחבה. אם יש לכם הרבה קוד בקטע הזה, כדאי לשקול להעתיק ולהדביק את הקוד לכלי חיצוני לעריכת טקסט כדי למצוא את הסקריפט הספציפי שאתם רוצים להשבית.
אם כבר שדרגתם את דף התודה שלכם, סקריפטים נוספים כבר אינם נגישים או נתמכים בתהליך התשלום החדש. הסקריפטים האלה היו אמורים להפסיק לפעול אוטומטית, כך שאין צורך בהסרה ידנית.
- בדף הניהול של Shopify, עוברים אל Settings (הגדרות), ואז אל Checkout (קופה).
- בקטע Additional scripts (סקריפטים נוספים), מוצאים את הסקריפט שרוצים להסיר.
- לוחצים על Disable script (השבתת הסקריפט).
- בודקים את תגי Google Tag כדי לוודא שהאירועים עדיין מתקבלים.
מסירים את התגים הכפולים הישירים מ-checkout.liquid
אם כבר שדרגתם את דף התודה שלכם, סקריפטים של check.liquid כבר אינם נגישים או נתמכים בתהליך התשלום החדש. הסקריפטים האלה היו אמורים להפסיק לפעול אוטומטית, כך שאין צורך בהסרה ידנית.
Google Analytics [Video] Remove duplicate direct tags from checkout liquid All steps
שלב 1: גיבוי העיצוב
Google Analytics [Video] Remove duplicate direct tags from checkout liquid Step 1
- בדף הניהול של Shopify, עוברים לקטע Online Store (חנות וירטואלית) ואז ל-Themes (עיצובים).
- מוצאים את העיצוב הנוכחי שאתם משתמשים בו עם התווית Current theme (עיצוב נוכחי) ולוחצים על סמל שלוש הנקודות, ואז על Duplicate (שכפול). הפעולה יוצרת עותק שלם של העיצוב שלכם, כך שתוכלו לחזור אליו אם משהו ישתבש.
שלב 2: גישה אל checkout.liquid
Google Analytics [Video] Remove duplicate direct tags from checkout liquid Step 2
- בדף הניהול של Shopify, עוברים לקטע Online Store (חנות וירטואלית) ואז ל-Themes (עיצובים).
- מוצאים את העיצוב הנוכחי שאתם משתמשים בו עם התווית Current theme (עיצוב נוכחי) (או את העותק המשוכפל שיצרתם עכשיו, אם אתם מעדיפים לעבוד עליו) ולוחצים על סמל שלוש הנקודות ואז על Edit code (עריכת קוד).
- בסרגל הצד שמשמאל, גוללים אל הקטע Layout (פריסה) ולוחצים על
checkout.liquid.
שלב 3: מזהים ומסירים תגים כפולים
Google Analytics [Video] Remove duplicate direct tags from checkout liquid Steps 3 4
מזהים בקפידה את התגים ששימשו בעבר למעקב ומטופלים עכשיו על ידי האפליקציה Google & YouTube. התגים האלה כוללים בדרך כלל את Google Analytics, מעקב המרות של Google Ads, Merchant Center, Floodlight ולעיתים Google Tag Manager. פועלים לפי השלבים הבאים כדי לזהות ולהסיר את התגים הכפולים:
קטעי קוד נפוצים שיש לחפש (ולהסיר):
- תגים מדור קודם של Google Analytics (Universal Analytics או GA4)
חפשו תגי סקריפט שמכילים google-analytics.com/analytics.js.
- Universal Analytics (UA-XXXXX-Y):
<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>
-
gtag.jsעבור Google Analytics (GA4), מעקב המרות של Google Ads, Merchant Center או Floodlight: חפשו תגים של<script>שמכילים את googletagmanager.com/gtag/js?
<script async src="https://www.googletagmanager.com/gtag/js?id=X-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'X-XXXXXXXXXX');
</script>
- קטעי קוד של אירוע (event snippet)
- חפשו תגי
<script>שמכילים את gtag (‘event’...)
- חפשו תגי
<script>
gtag('event', 'XXXX', {
'send_to': 'XX-XXXXXXXXX/YYYYYYYYYY',
'value': {{ checkout.total_price | money_without_currency | remove: "," }},
'currency': '{{ shop.currency }}',
'transaction_id': '{{ order.order_number }}'
});
</script>
- קטעי קוד של Google Tag Manager (GTM)
- אם אתם משתמשים ב-GTM, יהיו לכם בדרך כלל שני חלקים: תג
<script>ב-<head>ותג<noscript>מיד לאחר התג<body>.
<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','GTM-XXXXXXX');</script>- והחלק
<noscript>:
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>שלבים להסרה:
- בודקים בקפידה את הקובץ
checkout.liquid. צריך לגלול בקובץ ולחפש את קטעי הקוד הדומים לדוגמאות שלמעלה. - מדגישים את כל בלוק הקוד המשויך לתג הכפול. זה כולל את התגים הפותחים והסוגרים של הסקריפט, ואת כל ההערות שקשורות אליו.
- מוחקים את הקוד המודגש.
שיקולים חשובים:
- אל תמחקו קוד Liquid חיוני של Shopify: היזהרו מאוד לא למחוק אובייקטים או תגים של Liquid שהם חלק מפונקציונליות הליבה של Shopify (לדוגמה:
{{ content_for_header }},{{ content_for_layout }},{{ page_title }}ואחרים). - חפשו משפטי תנאי: לפעמים, קודי מעקב עטופים ב-
{% if first_time_accessed %}או ב-{% if thank_you_page %}. הקפידו להסיר גם את הקוד שבתוך התנאים האלה. - פונקציית החיפוש: השתמשו בפונקציית החיפוש שבתוך הכלי לעריכת קוד (Cmd/Ctrl + F) כדי לחפש מזהים נפוצים כמו
gtag,UA-,AW-, GTM-,google-analytics.com,googletagmanager.com,googleadservices.com.
שלב 4: שמירת השינויים
- אחרי שמוחקים את הקוד הכפול, לוחצים על כפתור Save (שמירה) בפינה הימנית העליונה של כלי העריכה.
שלב 5: בודקים את שלב הקופה
- חיוני לבצע רכישה לבדיקה בחנות. צריך לעבור את כל תהליך התשלום כדי לוודא שהכול פועל בצורה נכונה.
- אימות המעקב: כדאי להשתמש בכלים כמו Google Tag Assistant כדי לאמת שהתגים מופעלים בצורה נכונה מאפליקציית Google & YouTube ולא מהקובץ
checkout.liquid.
אם יש לכם ספקות לגבי קוד ספציפי, תמיד מומלץ להתייעץ עם מומחה או מפתח של Shopify.
הסרת תגים כפולים מ-theme.liquid
Google Analytics [Video] Remove duplicate tags from theme liquid All steps
שלב 1: גיבוי העיצוב
- בדף הניהול של Shopify, עוברים לקטע Online Store (חנות וירטואלית) ואז ל-Themes (עיצובים).
- מוצאים את העיצוב הנוכחי שאתם משתמשים בו ולוחצים על סמל שלוש הנקודות, ואז על Duplicate (שכפול). הפעולה יוצרת עותק שלם של העיצוב שלכם, כך שתוכלו לחזור אליו אם משהו ישתבש.
שלב 2: גישה ל-theme.liquid
Google Analytics [Video] Remove duplicate tags from theme liquid Step 2
- בדף הניהול של Shopify, עוברים לקטע Online Store (חנות וירטואלית) ואז ל-Themes (עיצובים).
- מוצאים את העיצוב הנוכחי שאתם משתמשים בו (או את העותק המשוכפל שיצרתם עכשיו) ולוחצים על סמל שלוש הנקודות ואז על Edit code (עריכת קוד).
- בסרגל הצד משמאל, בקטע Layout (פריסה), לוחצים על
theme.liquid.
שלב 3: מזהים ומסירים תגים כפולים
Google Analytics [Video] Remove duplicate tags from theme liquid Steps 3 4
ממש כמו ב-checkout.liquid, תצטרכו לחפש קטעי קוד שקשורים ל-Google Analytics, Google Ads ו-Google Tag Manager, שהוספתם בעבר באופן ידני ושעכשיו מטפלת בהם אפליקציית Google & YouTube. הקטעים האלה ממוקמים בדרך כלל בתוך הקטע <head> של הקובץ theme.liquid. פועלים לפי השלבים הבאים כדי לזהות ולהסיר את התגים הכפולים:
קטעי קוד נפוצים שיש לחפש (ולהסיר):
- תגים מדור קודם של Google Analytics (Universal Analytics או GA4)
חפשו תגי סקריפט שמכילים google-analytics.com/analytics.js.
- Universal Analytics (UA-XXXXX-Y):
<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>
-
gtag.jsעבור Google Analytics (GA4), מעקב המרות של Google Ads, Merchant Center או Floodlight: חפשו תגים של <script> שמכילים את googletagmanager.com/gtag/js?
<script async src="https://www.googletagmanager.com/gtag/js?id=X-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'X-XXXXXXXXXX');
</script>
- קטעי קוד של אירוע (event snippet)
- חפשו תגי
<script>שמכילים את gtag (‘event’...)
- חפשו תגי
<script>
gtag('event', 'XXXX', {
'send_to': 'XX-XXXXXXXXX/YYYYYYYYYY',
'value': {{ checkout.total_price | money_without_currency | remove: "," }},
'currency': '{{ shop.currency }}',
'transaction_id': '{{ order.order_number }}'
});
</script>
- קטעי קוד של Google Tag Manager (GTM)
- אם אתם משתמשים ב-GTM, יהיו לכם בדרך כלל שני חלקים: תג
<script>ב-<head>ותג<noscript>מיד לאחר התג<body>.
<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','GTM-XXXXXXX');</script>- והחלק
<noscript>:
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>שלבים להסרה:
- בודקים בקפידה את הקובץ
theme.liquid. צריך לגלול בקובץ ולחפש את קטעי הקוד הדומים לדוגמאות שלמעלה. קטעי הקוד האלה נמצאים בדרך כלל בקטע<head>, אבל לפעמים תגי סקריפט עשויים להימצא בחלק התחתון של<body>לפני התג הסוגר</body>. - מדגישים את כל בלוק הקוד המשויך לתג הכפול. זה כולל את התגים הפותחים והסוגרים של הסקריפט, ואת כל ההערות שקשורות אליו.
- מוחקים את הקוד המודגש.
שיקולים חשובים:
- אל תמחקו קוד Liquid חיוני של Shopify: היזהרו מאוד לא למחוק אובייקטים או תגים של Liquid שהם חלק מפונקציונליות הליבה של Shopify (לדוגמה:
{{ content_for_header }},{{ content_for_layout }},{{ page_title }}ואחרים). - חפשו משפטי תנאי: לפעמים, קודי מעקב עטופים ב-
{% if template == 'index' %}או בלוגיקה מותנית אחרת. הקפידו להסיר גם את הקוד בתוך התנאים האלה אם הוא כפול. - פונקציית החיפוש: השתמשו בפונקציית החיפוש שבתוך הכלי לעריכת קוד (Cmd/Ctrl + F) כדי לחפש מזהים נפוצים כמו
gtag,UA-,AW-,GTM-,google-analytics.com,googletagmanager.com,googleadservices.com.
שלב 4: שמירת השינויים
- אחרי שמוחקים את הקוד הכפול, לוחצים על כפתור Save (שמירה) בפינה הימנית העליונה של כלי העריכה.
שלב 5: בדיקת החנות
- מבקרים בדפים שונים בחנות (דף הבית, דפי מוצרים, דפי אוספים).
- משתמשים ב-Google Tag Assistant (תוסף ל-Chrome) כדי לאמת שהתגים מופעלים בצורה נכונה רק מאפליקציית Google & YouTube ולא מהקובץ
theme.liquid. אתם אמורים לראות את התגים המשויכים לאפליקציית Google & YouTube מופעלים, ולא לראות יותר את התגים הכפולים הישנים.
אם יש לכם ספקות לגבי הסרת קוד ספציפי, תמיד מומלץ להתייעץ עם מומחה או מפתח/ת אתרים של Shopify.
השלבים הבאים
אחרי שתבצעו את השינויים הנדרשים, כדאי שתוודאו שהבעיה כבר לא מופיעה בדף "נדרשת התייחסות". ככה תוכלו להיות בטוחים שפתרתם אותה.