איך לחבר את האתר ל – google Tag Manager?

תוכן עניינים

TAG MANAGER

לפני שנתחיל, בואו נספר לכם בכלל למה כדאי לחבר את “גוגל תג מנג’ר” לאתר?

גוגל תג מנג’ר מאפשר לנו, בעלי ומקדמי אתרים, להוסיף קטעי קוד באתר בלי לחכות לסבב התיקונים הבא של המתכנת או בונה האתרים. GTM (google tag manager) מורכב משתילת “כלי קיבול” – תג בודד ששותלים באתר.

הקודים באתר שלנו הם קודים סינכרוניים וקטעי הקוד שאנו מוסיפים דרך גוגל תג מנג’ר הם קטעי קוד א-סינכרוניים, מה זה אומר בעצם? קטעי קוד סינכרוניים יכולים לעכב את טעינת האתר, על קודים א-סינכרוניים אנו מאשרים לגוגל  “לדלג עליהם” ולחזור לסרוק אותם בהמשך.

אנו נסביר לכם כיצד לחבר את גוגל תג מנג’ר לאתר הוורדפרס שלכם בלי להיכנס לקוד.

מה זה google Tag Manager?

google Tag Manager – GTM, פותח על ידי גוגל בשביל בעלי האתרים שרוצים לעקוב אחרי הפעולות שבוצעו באתר שלהם. איזה פעולות מראה לנו גוגל תג מנג’ר? בגדול, אפשר לראות את כלל הפעולות שבוצעו באתר, רק צריך לקבוע תנאים ומשתנים. אנו נראה לכם פה איך לקבוע את התנאים והמשתנים שחובה להגדיר.

  • תגים – קובע את המעקב, קוד המרות, קוד של גוגל אנליטיקס ועוד.
  • טריגרים – קובעים מתי יתחיל המעקב, בלחיצה על לחצן, גלילת העמוד ועוד.
  • משתנים (Variable) – קובע אחרי מה אנחנו עוקבים, url, id מכמה סוגים שונים ועוד.

בפתיחת חשבון בגוגל תג מנג’ר אנו מקבלים משתנים מובנים, אפשר להוסיף משתנים לפי הצורך.

יצירת חשבון ב- google Tag Manager.

קודם נכנס לגוגל תג מנג’ר ונלחץ על יצירת חשבון.

  1. הגדרת חשבון – נבחר שם לחשבון (בדרך כלל זה שם העסק), כתובת האתר, ובחירה אחרי מה נעקוב, אנו נבחר במעקב אחרי אתר. לסיום נלחץ “יצירה”.
פתיחת חשבון תג מנג'ר

     2. נעבור למסך התנאים, נסכים לתנאים ונמשיך.

     3. נקבל מזהה מעקב ו2 קטעי קוד לשים באתר. קוד אחד לשים בhead וקוד שני לשים בbody.

מזהה מעקב תג מנג'ר
קטעי קוד

חיבור האתר ל-google Tag Manager בלי קוד?

כמו בחיבור של גוגל אנליטיקס, גם חיבור של גוגל תג מנג’ר ללא קוד דורש שימוש בתוסף ייעודי. אנו נסביר איך לחבר את באמצעות שני תוספים.

  1. Google tag manager for wordpress

בדומה לתוסף הייעודי של גוגל אנליטיקס, גם התוסף הייעודי של תג מנג’ר מצריך רק את מזהה המעקב בלי קטעי הקוד שקיבלנו. אז בואו נתחיל:

  • נוריד את התוסף לאתר שלנו ונפעיל אותו.
  • ניקח את מזהה המעקב שקיבלנו.
  • נשים אותו בתיבה המיועדת לכך ונשמור את השינויים.
מזהה מעקב תג מנג'ר בתוסף google tag manager for wordpress

  2. Insert Headers and Footers

התוסף מאפשר לנו להכניס קטעי קוד לאתר מבלי לגשת ל”עריכת התבנית” ששם נמצא הקוד של האתר.

  • נוריד את התוסף ונפעיל אותו.
  • נעתיק את קטעי הקוד שקיבלנו (שימו לב שקיבלנו 2 קטעי קוד שצריך להדביק במקומות שונים!)
  • נדביק אותם בתיבות בתוסף.
קטעי קוד גוגל תג מנג'ר בתוסף

תתחדשו! סיימנו לחבר את גוגל תג מנג’ר לאתר שלכם. עכשיו אתם מחוברים לכל הכלים שגוגל פיתחה עבורנו. אם עוד לא התחברתם ל-google analytics ו\או ל-google search console זה הזמן! 

מאמרים שיכולים לעניין אותך: