הטמעת קוד גוגל אנליטיקס (Analytics) באתר וורדפרס
נכתב ע"י יוחאי ירמיהו23 שאלות
תיאור קצר לשיעור: בשיעור זה נלמד איך להטמיע את הקוד שקיבלנו מגוגל אנליטיקס בשיעור הקודם לתוך אתר וורדפרס באמצעות התוסף Tag Manager – Header, Body And Footer שפיתחתי.
אורך השיעור: 5:55 דקות
קורסים המכילים את השיעור וידאו:
תוכן השיעור:
בשיעור הקודם למדנו איך לפתוח חשבון גוגל אנליטיקס עבור האתר שלנו, למדנו איך להגדיר את האתר בצורה נכונה ואיך למצוא את הקוד של גוגל שאנחנו צריכים להטמיע בתוך האתר. בשיעור הזה נלמד איך להטמיע את הקוד באתר.
הדבקת הקוד של גוגל אנליטיקס באתר וורדפרס
לאחר שהצלחנו להשיג את הקוד של גוגל אנליטיקס בשלב הקודם כעת מה שנותר לעשות זה להכניס את הקוד לאתר שלנו על מנת להתחיל ולבצע מעקבים של כניסות באתר.
על מנת לבצע את הפעולה הזאת עלינו להיכנס אל אזור הניהול של האתר ולהתקין תוסף שפיתחתי ונקרא Tag Manager – Header, Body And Footer. לאחר התקנת התוסף יופיע לנו בתפריט הימני של וורדפרס כפתור שנקרא Tag Manager ונלחץ עליו על מנת להכניס את הקוד.
בעמוד של מנהל התגים תחת האפשרות של הכנסת הקוד מעל תגית ה-head נכניס את הקוד שקיבלנו מגוגל ונלחץ על שמירת שינויים כדי להתקין את הקוד של גוגל בהצלחה.
כל עוד אנחנו משתמשים בתבנית אסטרה אז נסמן גם את האפשרות של " " וזה יגרום לכך שהקוד יטען בצורה מהירה יותר באתר.
לאחר מכן נבדוק את הקוד מקור של העמוד ונוודא שהקוד נטען בהצלחה ובמידה וכן המעקב של גוגל יתחיל לעבוד באתר.
למה חשוב להטמיע את הקוד באמצעות תוסף ולא בתבנית?
אופציה נוספות שיש לנו שבאמצעותה אנחנו יכולה להכניס קוד של גוגל לאתר היא האפשרות להטמיע את זה ישירות בתוך התבנית עיצוב שלנו בקובץ של header.php.
החיסרון של השיטה הזאת הוא שברגע שאנחנו נחליף את התבנית העיצוב הקוד מעקב יימחק מהעמוד וזה יגרום לנו לבעיות בהמשך הדרך, וזה לא משנה אם הכנסנו את הקוד לתבנית האב או לתבנית הבת).
כאשר אנחנו מכניסים את הקוד באמצעות תוסף אז התוסף טוען עבורנו את הקוד במקום הנכון וזה מאפשר לנו להמשיך ולבצע מעקב לנתונים גם כאשר אנחנו מחליפים את תבנית העיצוב של האתר.
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- לבנות אתר ב-10 ימים 56 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 7: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק
- גישה לכל החיים
- תעודה הכשרה בסיום הלימודים (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
חוגגים יום הולדת 25% הנחה
מחיר רגיל 299 ש"ח
224 ₪
ניתן לחלק ל-12 תשלומים של 19 ₪
רכשו את הקורס 1101 סטודנטים לפניך (-:
מסלול וורדפרס Expert
למעלה מ-10 קורסים מלאים ומעל 700 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.- בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
- וורדפרס Beginner לימוד בניית אתרים למתחילים – (1,688 ₪)
- וורדפרס Tool Kit הצעת מחיר + אפיון + צ'ק ליסט + התנהלות עם לקוחות
- וורדפרס Next Level מחיר 1,875 ₪
- וורדפרס SEO התאמת אתרים לגוגל – (563 ₪)
- : אלמנטור Ninja הקורס שיהפוך אותך לנינג'ה באלמנטור – (749 ₪)
- אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (413 ₪)
- וורדפרס Rocket שיפור מהירות לאתר – (749 ₪)
- וורדפרס Security חיזוק אבטחה לאתר – (563 ₪)
- וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (563 ₪)
- בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
- בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
- בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
- בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
- בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
- בונוס 6: Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
- בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
- בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
- בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
- בונוס 11: 20 אלף בחודש מבניית אתרים איך למצוא לקוחות ולייצר הכנסה מבניית אתרים
- בונוס 12: משיחת מכירה לכסף בחשבון איך לשפר את התהליך מכירה ולסגור יותר עסקאות
- בונוס 13: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
- בונוס 14: יצירה וניהול של רשימות תפוצה ברב מסר איך ליצור סדרות מיילים ואוטומציות שיכניסו כסף על אוטומט
- בונוס 15: קידום אתרים ל-AI איך להופיע ולקבל כניסות מכל כלי ה-AI השונים
- 779 שיעורים למתחילים + למתקדמים
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
חוגגים יום הולדת 25% הנחה
מחיר רגיל 3,499 ש"ח
2,624 ₪
ניתן לחלק ל-12 תשלומים של 219 ₪
רכשו את הקורס 776 סטודנטים לפניך (-:
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג'ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שאלות ותשובות לשיעור
23 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
יוחאי שלום
ההתקנה של גוגל אנליטיקס אצלי שונה או שפשוט שידרגו את הטמעה באתר מופיע קוד מקוצר
מהאני עושה ואיך אני מטמיע באתר שלי עם התוסף שלך ?
היי גדעון, למה הכוונה בקוד מקוצר?
הממשקים של כל החברות השונות משתנים לעיתים קרובות אבל אני לא רואה שינוי קיצוני.
אם יצרת את האתר בחשבון אנליטיקס אז אתה צריך להגיע אל מנהל המודעות של מנהל המערכת (Admin).
האפשרות הזאת היא גלגל השיניים וזה נמצא בתפריט הצדדי של אנליטיקס.
יש לך הסבר לאיך אני נכנס עכשיו לאתר מתוך החשבון שלי.
ולגבי התוסף שלי אז אתה עושה את אותו דבר כמו שאני מסביר בסרטון.
מתקין את התוסף בתוך האתר ומדביק את הקוד שאתה מוצא לתיבת מילוי העליונה ושומר שינויים.
היי,
הטמעתי את הקוד של פייסבוק פיקסל בהאדר
והקוד מוצג באתר.
מה אפשר לעשות?
היי אוראל, למה הכוונה במה אפשר לעשות? אם הטמעת את הקוד בצורה נכונה אז הוא אמור לעבוד באתר ולפייסבוק אמורה להיות את היכולת לבצע מעקב של משתמשים באתר.
זה בעיקר מתאים למי שיודע לפרסם את העסק באמצעות פייסבוק ורוצה לאפשר לאלגוריתם של פייסבוקלזהות מתי מישהו ביצע קנייה באתר, מתי מישהו יצר קשר, נרשם לרשימת תפוצה וכו'…
אבל זה יותר מתאים לעולמות של פירסום ולהיכרות עם הממשק של פייסבוק כי את רוב הפעלות מבצעים את הפעולות האלו מתוך הממשק של פיקסל (ברוב המקרים זה גם יהיה העבודה של איש הפרסום ולא של בונה האתר).
ברור,
קיבלתי את הקוד מאיש פרסום, אני לא הוצאתי את הקוד בעצמי
פשוט העתקתי אותו
עשיתי כפי שמוסבר בסרטון
וזה מציג מעל האדר את הקוד כולו
יש סיכוי שהקוד לא תקין?
למה הכוונה במעל ה-Header? רואים את הקוד בתוך העמוד עצמו (אם כן צלמי תמונה של איך זה נראה).
כל עוד הקוד מופיע בין התגיות של
בתוך האתר (ולא מופיע קוד נוסף בתוך העמוד שהגולש רואה) אז הקוד אמור להיות תקין אלא אם כן המפרסם שלח קוד לא תקין.אם הקוד מופיע בין תגיות ה-head ולא רואים קוד מיותר בתוך עמודי האתר עצמם אז פשוט שלחי הודעה שהכנסת את הקוד ואם זה לא תקני המפרסם יידע לעדכן אותך שהקוד לא תקני.
זה מופיע כמו שצירפתי בתמונה.
ומתחתיו שאר האתר מוצג.
נראה לי שהקוד לא תקין.
אני אחזור לזה בהמשך ואעדכן
אני לא כל כך מבין מה את מציגה שם. נראה לי יהיה רעיון טוב יותר שתשלחי לי תמונה של הקוד שהוספת בממשק של התוסף שבו הוספת אותו. (שלחי גם תמונה מלאה של כל המסך).
שמתי לב שגם קלאודפלייר מציגים אנליטיקה לאתר, האם זה יכול לפגוע באיזשהו אופן בנתונים שנאספים ומוצגים ע"י גוגל אנליטיקס?
לא, אין קשר בין האנליטיקה של קלאודפלייר ושל גוגל אנליטיקס.
האנליטיקה של קלאודפלייר גם כוללת בתוכה בוטים אז אלו גם נתונים שונים בין הפלטפורמות השונות.
היי יוחאי, הטמעתי את הקוד לפי ההוראות אבל הוא לא מופיע לי באתר. צירפתי צילום מסך.
ההגדרות נראות שונה מאשר בסרטון אבל עדיין נראה לי שהוספתי את זה לפי ההוראות שלך ושל גוגל.
היי גלי,
1) קודם כל שימי לב שאם הבנתי נכון את מטמיעה את גוגל תג מנגר ולא את גוגל אנליטיקס נכון? גוגל אנליטיקס ו-Tag Manager הם 2 כלים שונים.
זאת אומרת שבתפריט השמאלי הכנסת את המזהה על Google Analytics ID וגוגל אנליטיקס זה קוד שונה מגוגל תג מנגר.
2) תוודאי שאת מריצה את ההגדרות שאני מציג בתמונה שצירפתי.
ואם זה עדיין לא עובד לך תשתפי אותי באיך את בודקת אם הקוד מופיע באתר?
אבל עם הטמעת את זה בצורה הזאת עם ההגדרות שציינתי זה אמור לעבוד.
היי, כנראה לא שמתי לב שהגעתי ל-Tag Manager בטעות, עכשיו נכנסתי דרך הלינק הנכון וזה עובד.
בדקתי ב-Page Source וזה עכשיו מופיע. תודה רבה.
בס״ד
מה שנפתח לי בלחיצה ימנית בעכבר על עמוד הבית הוא תפריט בעברית.
האם ׳הצגת מקור הדף׳ הוא מה שצריך לבחור?
אם עשיתי חיפוש בדף שנפתח ולא מצאתי את החלק שהעתקתי (מאחרי ה-G) זה אומר שמשהו לא תקין?
היי איריס, כן זה צריך להיות הצגת מקור הדף.
לגבי השאלה השנייה כל עוד הכנסת את זה תחת הלשונית של Insert
tags code ולא עשית שינויים שלא היית צריכה זה אמור להופיע לך בתור האתר כשאת נכנסת במשתמש מחובר.אז תוודאי שהמספר שאת מחפש הוא בוודאות אותו מספר שהכנסת בקוד ואם את לא מצליחה למצוא אותו יכול להיות שהתבנית עיצוב שלך ישנה ובמקרה כזה את יכולה אולי לנסות ולהסיר את הסימון שנמצא בתמונה ולשחק אם האפשרות ולראות אם משהו (בתקווה שזה אולי יעזור).
תנסי גם אולי לבדוק במקביל אם כרגע מתווסף נתונים בחשבון אנליטיקס שלך כי יכול להיות שלמרות שאת לא מוצאת את זה אולי זה בכל זאת עובד.
בס״ד
מעתיקה לכאן את הקוד:
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-B73FZFWMRV');
מתוך זה העתקתי את החלק הזה:
B73FZFWMRV
וניסיתי לאתר אותו בדף האתר – מקור הדף – ולא נמצא.
האם להסריט זה יעזור?
כדי לבדוק אם נוסף משתמש – העתקתי את כתובת האנליטיקס הפתוחה בחשבון שלי, והדבקתי בפרופיל אחר, עדיין הראה – 0 משתמשים.
מה אפשר לעשות, והאם החלק הזה הכרחי בשביל להמשיך בקורס?
היי, אני לא בטוח למה זה לא עובד לך אבל זה לא חובה, אם זה מסתבך לך אז את יכולה לדלג על זה ולהמשיך בקורס.
זה אומר שאני מוותרת על קבלת הנתונים, או שיש דרכים אחרות לראות את הנתונים של גוגלאנליטיקס?
אם את לא מכניסה את הקוד אז כן, יש גם את Yandex אבל אם לא הצלחת להכניס את הקוד כאן אז גם שם זה כנראה לא יעבוד.
תנסי אולי להכניס את הקוד דרך אלמנטור אם את משתמשת בתוסף (צירפתי תמונה שמדגימה איך לעשות את זה).
בסֿ,ד
האם כדאי להסיר את התוסף tag… שהוספתי בשביל לאפשר את גוגלאנליטיקס?
אם את לא מוסיפה אף קוד באתר אז כן אין צורך בתוסף ואפשר להסיר אותו.
זה קשור לכל קוד שהוא, ולאו דווקא לקוד של גוגלאנליטיס?
אפשר להטמיע כאן קודים של פייסבוק פיקסל, יאנדקס מטריקה וקודים נוספים אבל כל עוד את לא טוענת כרגע קוד קיים באתר את לא חייבת להשתמש בו.