Feel Creative Mega Menu - Header Only

איך להטמיע פיקסל פייסבוק באתר וורדפרס: המדריך המלא דרך GTM4WP ו-Google Tag Manager

חיפוש meta בגלריית התבניות של GTM עם התוצאה Meta Pixel by facebook

אתה מוציא אלפי שקלים על פרסום בפייסבוק, נכנסות פניות, אבל כשמישהו שואל אותך "איזו מודעה הביאה את הליד הזה?" - אין לך תשובה. זה בדיוק מה שפיקסל פייסבוק פותר, וזו הסיבה שבלעדיו אתה למעשה מפרסם בעיניים עצומות.

במדריך הזה נעבור צעד אחר צעד על ההטמעה הנכונה של הפיקסל באתר וורדפרס - לא בדרך המהירה שנשברת בעדכון הבא, אלא בדרך שסוכנויות עובדות בה: דרך תוסף GTM4WP ו-Google Tag Manager. המדריך כתוב למי שלא כתב שורת קוד בחיים, וכל שלב מפורק לקליקים.

מה זה פיקסל פייסבוק, ולמה דווקא דרך Google Tag Manager

פיקסל פייסבוק (היום מטא קוראים לו Meta Pixel) הוא קטע קוד קטן שיושב באתר שלך ומדווח למטא מה קורה בו: מי נכנס, לאיזה עמוד, מי מילא טופס ומי ביצע רכישה. בלי הדיווח הזה, מטא לא יודעת מה קרה אחרי הקליק על המודעה.

הפיקסל נותן לך שלושה דברים שאי אפשר לקבל בלעדיו:

  • מדידת המרות אמיתית - כמה לידים כל קמפיין הביא, ובאיזו עלות לליד
  • אופטימיזציה של האלגוריתם - וזה החלק הכי חשוב. כשמטא יודעת מי מהגולשים באמת השאיר פרטים, היא לומדת לחפש עוד אנשים כמוהם. בלי פיקסל, האלגוריתם עובד על ניחוש
  • רימרקטינג וקהלים דומים - פרסום חוזר למי שביקר ולא השאיר פרטים, ובניית Lookalike על בסיס הלקוחות הקיימים

למה לא פשוט להדביק את הקוד בתבנית האתר?

זו הדרך שרוב האנשים מנסים קודם, והיא מייצרת שלוש בעיות:

  • עדכון תבנית מוחק את הקוד - ויום אחד תגלה שאיבדת חודש של דאטה בלי לשים לב
  • כל שינוי קטן דורש מפתח - רוצה להוסיף מעקב אחרי לחיצה על כפתור וואטסאפ? שוב לפתוח קבצים
  • אין לך שליטה ובקרה - אי אפשר לבדוק, אי אפשר לשחזר גרסה קודמת, ואי אפשר לראות מה בדיוק רץ באתר

Google Tag Manager (בקיצור GTM) פותר את זה. תחשוב עליו כעל שלט רחוק לאתר: מתקינים קוד אחד פעם אחת, ומאותו רגע כל קוד מעקב נוסף - פיקסל פייסבוק, גוגל אנליטיקס, טיקטוק, לינקדאין - מנוהל מממשק נוח בלי לגעת באתר שוב.

ומה התפקיד של GTM4WP?

GTM4WP הוא תוסף וורדפרס חינמי (מעל 700,000 אתרים פעילים) שמחבר את הקוד של Google Tag Manager לאתר בצורה נכונה, בלי לערוך אף קובץ. הוא גם דוחף לגוגל מידע על האתר - סוג העמוד, קטגוריות, סטטוס משתמש - שמאפשר מעקב חכם יותר בהמשך.

לפני שמתחילים: מה צריך שיהיה לך ביד

  • חשבון גוגל (כל חשבון Gmail מתאים)
  • הרשאת מנהל לאתר הוורדפרס שלך
  • חשבון עסקי במטא עם פיקסל פעיל - אם אין, נראה בשלב 4 איך פותחים
  • דפדפן כרום (לצורך הבדיקה בסוף)
  • כ-30 דקות
מסך הוספת תוסף בוורדפרס עם החיפוש gtm4wp והתוסף GTM4WP מסומן בתוצאות
מקלידים gtm4wp בשדה החיפוש. התוסף הנכון הוא זה של Thomas Geiger, עם יותר מ-700,000 התקנות פעילות

שלב 1: התקנת התוסף GTM4WP

  1. היכנס ללוח הבקרה של וורדפרס
  2. בתפריט הצדדי לחץ על תוספים (Plugins) ואז על הוסף חדש (Add New)
  3. בשדה החיפוש בפינה הימנית העליונה הקלד: GTM4WP
  4. אתר את התוסף בשם GTM4WP - A Google Tag Manager (GTM) plugin for WordPress מאת Thomas Geiger. שים לב שיש תוספים דומים - זה הנכון
  5. לחץ התקן עכשיו (Install Now) ואז הפעל (Activate)

שים לב לפני שממשיכים

אם כבר מותקן אצלך תוסף אחר שמטמיע פיקסל - למשל PixelYourSite, Facebook for WooCommerce או תוסף של ערכת העיצוב - אל תפעיל את שניהם במקביל. זו הטעות הכי נפוצה במדריך הזה, והיא גורמת לכל המרה להיספר פעמיים. נחזור לזה בפרק הטעויות.

שלב 2: פתיחת חשבון Google Tag Manager

מסך Add a New Account בגוגל תג מנג'ר
לוחצים על Create Account ומגיעים למסך הזה
טופס חשבון GTM מלא עם מדינה ישראל ו-Web מסומן
כך זה נראה ממולא: שם החשבון, מדינה ישראל, שם המכולה, ו-Web מסומן בכחול
  1. גלוש אל tagmanager.google.com והתחבר עם חשבון הגוגל שלך
  2. לחץ על הכפתור הכחול Create Account בפינה הימנית העליונה
  3. ב-Account Name הקלד את שם העסק שלך. זו רמת הארגון העליונה - עסק אחד, חשבון אחד
  4. ב-Country בחר Israel
  5. ב-Container name הקלד את כתובת האתר שלך ללא https, לדוגמה: mysite.co.il
  6. תחת Target platform בחר Web
  7. לחץ Create, ואשר את תנאי השימוש של גוגל שיוצגו

מיד אחרי היצירה ייפתח חלון עם שני קטעי קוד להדבקה באתר. סגור אותו - לא נשתמש בו. התוסף GTM4WP יעשה את העבודה הזו עבורך בשלב הבא.

חלון Install Google Tag Manager עם שני קטעי הקוד
שני קטעי הקוד של GTM. עם GTM4WP לא מעתיקים אותם ידנית - צריך רק את המזהה GTM- שבראש החלון

מה שכן צריך זה מזהה המכולה - מספר בפורמט GTM-XXXXXXX שמופיע בראש המסך, ליד שם המכולה. העתק אותו.

שלושה מושגים שכדאי להכיר

  • חשבון (Account) - העסק שלך. בדרך כלל אחד
  • מכולה (Container) - האתר שלך. כאן יושבים כל קודי המעקב
  • תג (Tag) - קוד מעקב ספציפי. "שלח אירוע לפייסבוק" הוא תג
  • טריגר (Trigger) - התנאי שמפעיל את התג. "כשנטען דף תודה" הוא טריגר

כל תג חייב טריגר. תג בלי טריגר פשוט לא ירוץ לעולם.

שלב 3: חיבור הקוד לתוסף

טאב General בהגדרות GTM4WP עם מזהה המכולה בשדה
טאב General בהגדרות GTM4WP: המזהה בשדה העליון, ו-Container code במצב On
  1. חזור ללוח הבקרה של וורדפרס
  2. בתפריט הצדדי לחץ הגדרות (Settings) ואז Google Tag Manager
  3. תיפתח לשונית Basic Settings. בשדה Google Tag Manager ID הדבק את המזהה שהעתקת (GTM-XXXXXXX)
  4. ודא שהאפשרות Container code ON/OFF מסומנת כ-ON. אם היא כבויה - הקוד פשוט לא ייטען
  5. את Container code placement השאר בברירת המחדל
  6. גלול למטה ולחץ שמור שינויים (Save Changes)

הערה לאתרי Elementor

אם האתר שלך בנוי ב-Elementor (וגם Oxygen, Beaver Builder, GeneratePress או Genesis) - התוסף מזהה את זה לבד ומציב את הקוד במקום הנכון. אין צורך לשנות דבר בהגדרת המיקום.

איך בודקים שהקוד באמת נטען

היכנס לאתר שלך, לחץ קליק ימני על עמוד הבית ובחר הצג מקור הדף (View Page Source). לחץ Ctrl+F וחפש את הטקסט GTM-. אם המזהה שלך מופיע - החיבור הצליח.

שלב 4: איתור מזהה הפיקסל שלך במטא

מסך Events Manager Overview של מטא
מסך Events Manager. שם הדאטהסט והמזהה טושטשו כאן מטעמי פרטיות - אצלכם הם יופיעו במלואם
  1. גלוש אל business.facebook.com/events_manager
  2. בתפריט הצדדי לחץ על Data Sources (מקורות נתונים)
  3. בחר את הפיקסל של האתר שלך. המזהה הוא מספר בן 15-16 ספרות שמופיע מתחת לשם - העתק אותו

למה כתוב שם "Dataset" ולא "Pixel"?

זה מבלבל הרבה אנשים, אז שווה להבהיר: מטא שינתה את המינוח, ומה שנקרא בעבר "פיקסל" מופיע היום ב-Events Manager בשם Dataset (מערך נתונים). זה אותו דבר בדיוק, ואותו מספר מזהה. הסיבה לשינוי היא שמטא מאחדת היום תחת אותה מטרייה את הנתונים מהאתר, מהשרת, מהאפליקציה ומהחנות. אם ראית מדריכים ישנים שמדברים על "Pixel ID" - זה בדיוק המספר שאתה מסתכל עליו עכשיו.

אם עדיין אין לך פיקסל, לחץ Connect Data Sources ובחר Web כדי ליצור אחד חדש.

שלב 5: בניית התגים בתוך Tag Manager

זה הלב של התהליך. נבנה שני תגים: אחד שמדווח על כל כניסה לאתר, ואחד שמדווח על ליד.

5.1 התקנת התבנית הרשמית של מטא

גלריית התבניות של GTM עם התוצאה Meta Pixel by facebook
שימו לב לשורה הקטנה: התבנית הנכונה היא זו שכתוב מתחתיה by facebook. לא אף אחת מהאחרות
  1. בתפריט הצדדי של GTM לחץ Templates
  2. תחת Tag Templates לחץ Search Gallery
  3. חפש Meta Pixel
  4. בחר את התוצאה שבה היוצר (Owner) הוא facebook - לא גרסאות של צד שלישי
  5. לחץ Add to workspace ואשר

אזהרה חשובה

רוב המדריכים באינטרנט מלמדים להדביק את קוד הפיקסל בתג מסוג Custom HTML. אל תעשה את זה. זו שיטה ישנה שמאבדת פיצ'רים חשובים, מקשה על ניהול ובקרה, ולא מסתדרת טוב עם Conversions API בהמשך. השתמש רק בתבנית הרשמית.

5.2 יצירת משתנה קבוע למזהה הפיקסל

  1. בתפריט לחץ Variables
  2. גלול ל-User-Defined Variables ולחץ New
  3. בחר סוג Constant
  4. בשדה הערך הדבק את מזהה הפיקסל בן 15-16 הספרות
  5. תן שם: Constant - Meta Pixel ID ולחץ Save

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

5.3 תג הבסיס - PageView

מסך Tags ריק בגוגל תג מנג'ר עם כפתור New
מתחילים כאן: Tags בתפריט הצד, ואז New מימין למעלה
תג Meta Pixel מוגדר עם Pixel ID ואירוע PageView
התג המוגדר: מזהה הפיקסל בשדה, ו-Event Name על Standard ← PageView
  1. לחץ Tags ואז New
  2. לחץ על אזור Tag Configuration ובחר Meta Pixel
  3. ב-Event Name בחר PageView
  4. בשדה מזהה הפיקסל לחץ על אייקון הלגו ובחר את Constant - Meta Pixel ID
  5. לחץ על אזור Triggering ובחר All Pages
  6. תן שם לתג: Meta - PageView ולחץ Save

5.4 תג ההמרה - Lead

כאן צריך להחליט מתי נחשב שהתקבל ליד. הדרך הכי אמינה למתחילים היא דף תודה: לאחר שליחת הטופס, הגולש מועבר לעמוד ייעודי (למשל mysite.co.il/thank-you). אם הטופס שלך עדיין לא עושה את זה - שווה להגדיר את זה קודם, זה גם משפר חוויית משתמש.

  1. צור טריגר חדש: Triggers ואז New
  2. בחר סוג Page View
  3. סמן Some Page Views
  4. הגדר את התנאי: Page URL - contains - /thank-you (או הכתובת של דף התודה שלך)
  5. תן שם: Trigger - דף תודה ושמור
  6. עכשיו צור תג חדש בדיוק כמו קודם, אבל ב-Event Name בחר Lead
  7. חבר אליו את הטריגר שיצרת, קרא לו Meta - Lead ושמור

אם אתה משתמש בטפסים של Elementor Pro שנשלחים בלי מעבר לדף תודה, אפשר להשתמש בטריגר מסוג Custom Event שמאזין לאירוע שהטופס דוחף - אבל זו הגדרה מתקדמת יותר, ולמי שמתחיל אני ממליץ בחום על שיטת דף התודה.

5.5 פרסום - השלב שהכי נשכח

כל מה שבנית עד עכשיו יושב בטיוטה ועדיין לא רץ באתר.

  1. לחץ על הכפתור הכחול Submit בפינה הימנית העליונה
  2. תן שם לגרסה, למשל: הטמעת פיקסל מטא
  3. לחץ Publish

שלב 6: לוודא שהכול באמת עובד

אל תסמוך על "זה נראה בסדר". שלוש בדיקות, כל אחת בודקת משהו אחר.

בדיקה 1: מצב תצוגה מקדימה של GTM

מצב Preview של GTM עם התגים תחת Tags fired
זה מה שרוצים לראות: התג מופיע תחת Tags fired. בצילום הזה נורים תגי Custom HTML מהתקנה ישנה יותר - אצלכם יופיע במקומם התג שיצרתם מהתבנית הרשמית של מטא, וזו בדיוק ההתקנה שהמדריך ממליץ עליה

ב-GTM לחץ Preview, הזן את כתובת האתר ולחץ Connect. ייפתח חלון חדש עם האתר שלך, ולצידו חלון בקרה. ודא שהתג Meta - PageView מופיע תחת Tags Fired. אחר כך מלא את הטופס באתר וודא שגם Meta - Lead נורה.

בדיקה 2: התוסף Meta Ads Data Advisor

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

התקן מחנות התוספים של כרום את Meta Ads Data Advisor - זה התוסף שנקרא בעבר Meta Pixel Helper, ואם חיפשת את השם הישן זו הסיבה שלא מצאת אותו. רענן את האתר ולחץ על האייקון שלו. אתה אמור לראות פיקסל אחד במצב Active ואת האירוע שנקלט. אם מופיעים שני פיקסלים - יש לך כפילות, קפוץ לפרק הטעויות.

בדיקה 3: Test Events במטא

ב-Events Manager בחר את הפיקסל שלך ועבור ללשונית Test Events. הזן את כתובת האתר, גלוש בו ומלא טופס. האירועים אמורים להופיע בזמן אמת. זו הבדיקה הסופית - כאן אתה רואה בדיוק מה מטא מקבלת בפועל.

שלב 7: להוסיף Conversions API (וזה כבר לא מסובך)

למה הפיקסל לבדו כבר לא מספיק

הפיקסל רץ בדפדפן של הגולש, ובשנים האחרונות הדפדפן הפך לשדה קרב: חוסמי פרסומות, מגבלות הפרטיות של אפל, באנרי קוקיז ותוחלת חיים מתקצרת של עוגיות. התוצאה היא שפיקסל דפדפני לבדו מפספס נתח משמעותי מההמרות האמיתיות שלך - ואתה משלם על זה פעמיים: גם בדיווח לא מדויק, וגם באלגוריתם שמקבל פחות מידע ולכן מייעל פחות טוב.

Conversions API (בקיצור CAPI) פותר את זה בכך שהוא שולח את אותם אירועים גם ישירות מהשרת - נתיב שחוסמי פרסומות לא יכולים לחסום.

ההפעלה: קליק אחד

עד לא מזמן זה היה פרויקט למפתחים. היום זה לא:

  1. ב-Events Manager בחר את הפיקסל (הדאטהסט) שלך
  2. עבור ללשונית Overview
  3. לחץ על Activate Conversions API
  4. עקוב אחרי ההנחיות על המסך

מה זה Deduplication ולמה זה קריטי

ברגע שגם הפיקסל וגם השרת מדווחים על אותה המרה, נוצרת סכנה שמטא תספור אותה פעמיים - ואז תחשוב שקיבלת 40 לידים כשבאמת קיבלת 20.

הפתרון נקרא deduplication: שני הדיווחים נושאים מזהה זהה בשם event_id, ומטא מבינה שמדובר באירוע אחד. הבשורה הטובה היא שההפעלה בקליק אחד שתיארתי למעלה מייצרת את המזהים האלה אוטומטית - אתה לא צריך לגעת בכלום. זו בדיוק הסיבה שאני ממליץ עליה למי שלא טכני, במקום חיבור ידני דרך שרת.

חמש טעויות שכדאי להכיר מראש

1. פיקסל כפול - הטעות מספר אחת

זו הבעיה הכי נפוצה, והיא מנפחת לך את כל הדוחות. הפיקסל עלול להיות מותקן במקביל גם דרך: תוסף פיקסל אחר, ההגדרות של Elementor Pro (תחת Elementor > הגדרות > Integrations), קוד שהודבק בעבר בתבנית, או סוכנות קודמת. בדוק עם Meta Ads Data Advisor - אם מופיע יותר מפיקסל אחד, כבה את כל המקורות חוץ מ-GTM.

2. שכחת ללחוץ Publish

בונים הכול נכון, בודקים ב-Preview שהכול עובד - ושוכחים לפרסם. ב-Preview הכול עובד גם בלי פרסום, ולכן קל ליפול בזה. אם אחרי יומיים אין נתונים, זו הבדיקה הראשונה.

3. אירוע Lead שנורה על כל כניסה לדף

אם חיברת את תג ה-Lead לטריגר All Pages במקום לדף התודה, כל מבקר באתר נספר כליד. מטא תלמד לחפש אנשים שרק גולשים - ואיכות הלידים תתרסק.

4. שימוש ב-Custom HTML במקום בתבנית הרשמית

עובד לכאורה, אבל מאבד פיצ'רים, מקשה על תחזוקה ומסבך את ההתממשקות ל-CAPI.

5. פיקסל שלא שייך לך

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

שאלות נפוצות

כמה זמן לוקח עד שרואים נתונים?

אירועים מופיעים ב-Test Events תוך שניות. בדוחות הרגילים של Events Manager ובמנהל המודעות יש עיכוב של עד 20 דקות, ולפעמים כמה שעות ליום הראשון.

האם GTM מאט את האתר?

ההשפעה זניחה. הקוד נטען אסינכרונית, ולא חוסם את הצגת התוכן. בפועל, GTM לרוב משפר ביצועים לעומת הדבקת חמישה קודי מעקב שונים בתבנית.

אפשר לנהל כמה פיקסלים באותה מכולה?

כן. תבנית מטא תומכת בהזנת כמה מזהים, וזה שימושי כשמפעילים גם קמפיין של שותף עסקי.

מה ההבדל בין Pixel ל-Dataset?

אין הבדל מעשי - זה אותו מזהה. Dataset הוא פשוט השם החדש ש-Events Manager משתמש בו היום.

צריך לשלם על Google Tag Manager?

לא. GTM חינמי לחלוטין, וכך גם תוסף GTM4WP.

מה קורה אם הגולש מסרב לקוקיז?

זו בדיוק הסיבה ש-Conversions API הפך לסטנדרט. עדיין, אם אתה אוסף פרטים אישיים באתר, ודא שיש לך מדיניות פרטיות מסודרת והתייחסות לשימוש בכלי מעקב.

לסיכום

הטמעת פיקסל דרך Google Tag Manager לוקחת חצי שעה, ומחליפה מצב שבו אתה מנחש איזו מודעה עובדת במצב שבו אתה יודע. שלושת הדברים שיעשו את ההבדל הגדול ביותר: להשתמש בתבנית הרשמית של מטא ולא ב-Custom HTML, לוודא שאין פיקסל כפול, ולהפעיל את ה-Conversions API.

אם אתה מעדיף שמישהו יעשה את זה נכון מהפעם הראשונה - או שאתה מריץ קמפיינים ומרגיש שהמספרים לא מסתדרים - דברו איתי ונעבור על ההטמעה שלכם יחד.

תפריט נגישות