מחפשים לדעת איך יוצרים קוקי ב Google Tag Manager?
הבאנו לכם את ההדרכה המלאה על יצירת Cookie, בניית Event, והצמדה לתג.
המדריך המלא ליצירת קוקי בGTM
שלום לכולם, כאן אריאל בריל
מחברת "וואו – שיווק באינטרנט".
היום אנחנו הולכים ללמוד
איך ליצור קוקי בגוגל תג מנג'ר.
בדרך כלל קוקי זה בעצם לשחק
עם כל מיני איוונטים ודברים כאלו.
האופציה הזאתי ממש אופציה מאוד,
מאוד חשובה לכל מישהו שהוא משווק,
ורוצה לקחת את השיווק שלו
שלב אחד קדימה בדיגיטל.
בעצם מה שאפשר לעשות עם הקוקי האלה
לדוגמה הקוקי בעצם כמובן שזה לא מובן,
זה בעצם משהו שמושתל בדפדפן של הגולש
ובדרכו אני יכול לזהות את הגולש.
ולעשות איתו כל מיני דברים,
כל מיני טריגרים, כל מיני תגים מסוימים,
שאותם אני ארצה להפעיל רק במצבים ספציפיים.
אני אתן דוגמה, בוא נגיד יש לנו פה דף
אפיון צרכי לקוח, שזה דף מאוד מיוחד.
זה בעצם דף שמראה לי שהגולש שהגיע לדף הזה,
הוא לא הגיע סתם בתור אחד שהוא צורך ידע
או כל מיני דברים שוליים. אלא מה?
הוא ממש מחפש לאפיין את הצרכים שלו.
זאת אומרת הוא לקוח שהוא מאוד, מאוד embed.
אני הייתי רוצה לשתול קוקי
למישהו שהיה בדף הזה ספציפית,
ואחרי זה הייתי יכול לדוגמה לשים לו
כל מיני פופ-אפים או כל מיני אירועים מיוחדים
שאני יכול לשים דווקא על מישהו שהיה בדף הזה.
אתם בטח שואלים רגע, אז אם הדף הזה כל כך חשוב,
בוא נעשה לו פופ-אפ למי שמגיע לדף הזה.
אז אמנם זה נכון, אפשר לעשות פופ-אפ
בתג מנג'ר דווקא למי שבדף ספציפי.
אבל כל העניין זה שברגע
שגולש מגיע פעם אחת לדף הזה,
אז גם אם בפעם הבאה
הוא לא יגיע לדף הזה ספציפית,
יגיע לדף פרסום בפייסבוק
או צור קשר או יוטיוב או כל דבר אחר,
הוא גם יראה את הפופ-אפ שלי בדף אחר,
אפילו שהוא לא היה שמה. למה?
כי אני מזהה אותו בתור אחד שפעם
לפני כמה זמן הוא כן התעניין במוצר שרציתי,
שהוא בעצם מראה לי שהוא גולש יותר רלוונטי לעסק שלי.
אז יותר קוקי. עכשיו איך יוצרים את הקוקי הזה?
אנחנו הולכים לגוגל תג מנג'ר
ואנחנו יוצרים פה תג costume html.
את הקוד אנחנו נעתיק
מהאתר הזה, שזהquirksmode .
הקוד מצורף באתר שנמצא
בקישור למטה מתחת לסרטון.
אנחנו נעתיק את הקוד מכאן עד לפה
ולא את כולו ואנחנו נעשה copy,
ונלך לגוגל תג מנג'ר וניצור לנו costume html הבא.
אנחנו עושים פה costume html
ואנחנו לפני שנעתיק את הכול,
אנחנו נקיף אותו בתגיות script,
אז זה מאוד, מאוד חשוב לשים לב.
וגם חשוב לשים לב לכתוב script
ולא sript, c. וזה העניין הזה.
מאוד מאוד חשוב לשים לב לדברים האלה.
הרבה פעמים קורים כל מיני דברים.
אז זה הקוד, העתקתי אותו.
מה שהקוד בקצרה אומר,
אנחנו לא נאריך אבל הוא אומר
שהפונקציה של create קוקי,
היא בעצם תשתול קוקי
שהערך הראשון יהיה שם הקוקי,
הערך השני יהיה ה- volume של הקוקי,
זאת אומרת מה הערך שלו.
אנחנו עוד שנייה אנחנו נסביר מה זה אומר.
ו- days זה כמה ימים הקוקי הזה
יהיה קיים בדפדפו של הגולש.
אפשר שהקוקי הזה ימחק מיד בסיום הסשן,
אפשר שהוא יישאר שלושה ימים, שבוע או 540 יום.
540 לדעתי זה, ממה שידוע לי
זה הכי הרבה אבל זה לענייננו אנו.
בואו, בוא נראה רק קצת מה זה
באמת הקוקי הזה שאנחנו מדברים.
אז שיהיה לנו קצת הבנה לפני
אנחנו נלך פה לכרום נגלל ל…
תחת אפליקיישן בקוקיס
ואנחנו נלך לשם הדומיין שלנו,
וזה בעצם הקוקיס שמופיעים לי באתר.
זה קוקיס שנמצאים אצלי.
מה שכן, אז אנחנו רואים שיש פה את שם הקוקי,
אז שם הקוקי לדוגמה זה הקוקי של גוגל אנליטיקס.
זה גוגל ID, אל תשכח שגוגל מזהים אותי.
זה קוד מיוחד שעוקב אחרי
כמה דפים הייתי באתר של "וואו",
ספציפית משהו שיצרנו, משהו שיש לנו.
והווליו זה כל מיני ווליוס
שלא תמיד אנחנו מבינים מה זה,
זה דברים שגוגל יותר יודע להבין.
פייג' … זה ארבע, כי יש בזה 4 דפים.
בוא נכנס כרגע, זה משהו כזה.
that's the ration, זה תאריך התפוגה של הקוקיס.
אז בעצם אנחנו רואים שהקוקי פה,
הנה בדיוק כמה זמן כל אחד.
אז בוא נראה, אנחנו רואים שהקוקיס הזה עד ה- 24,
זה היום. 23, מעניין. זה 2020, סליחה.
זה כן עד ה- 25, זה עוד יומיים.
בקיצור אנחנו רואים פה את תאריך התפוגה.
אז ככה זה קצת שיהיה לנו הבנה מה זה קוקיס
ועכשיו אנחנו ממש ניצור את העניין.
אז מה שאנחנו עושים,
אנחנו לוקחים פה את שם הפנקשיין,
אז ממש צריך להעתיק את זה
מילה במילה, מאוד, מאוד חשוב.
create קוקי ואנחנו פה סוגריים
והדבר הראשון זה יהיה ה- main,
השם של הקוקי.
אז מה שעושים, אנחנו נעשה
קודם כל מירכאות ואת השם הקוקי.
שם הקוקי אני אקרא לו,
אני יכול לקרוא לו …
בוא נעשה משהו מעניין.
נכתוב של הדוגמה אז נקרא לו
"וואו אנגייג' יוסר", כן?
אז זה השם של הקוקי.
עכשיו אנחנו נעשה פסיק
ונעשה עוד פעם מירכאות.
אז זה שם הקוקי.
הווליו של הקוקי, מה בעצם אני רוצה שיופיע פה,
איך אני אדע לקרוא את הקוקי כמו שצריך.
אז רעיון מאוד טוב זה לשים פה את פייג' טאפ,
שזה בעצם סיומת ה- URL.
אז אני אעשה פה פייג' טאפ,
אז אנחנו נעתיק את הפייג' טאפ.
וכמובן מירכאות, בסוף כל דבר פותח במירכאות
וסוגר במירכאות, פסיק ו- days.
ה- days שאני רוצה, אני רוצה את זה
לבוא נגיד 50 ימים. נגיד 50 יום, 50 יום זה מספיק.
ואנחנו נסגור את המירכאות
וזה בעצם יוצר לי את הקוקי.
עכשיו בוא ניצור טריגר שיפעיל
את הדף שיוצר את הקוקי.
אז כמו שאנחנו מבינים הדף שלנו
נגמר בנידס אז בוא נסגמנט את זה.
אז ניצור פה דף חדש, גוגל חדש.
פייג' ויו וה- URL.
URL, פייג' URL, קמפיין, נידס, כן?
נידס במילה בדיוק שלא …
חשוב מאוד לדקדק בעניינים האלו.
אז נקרא לזה day needs.
בסדר, מעולה.
אז יש לנו את הטריגר שלנו
ויש לנו את התג שלנו, נקרא לזה בשם.
נקרא לזה "סט קוקי נידס".
אנחנו, השם הזה זה יותר בשבילנו
אז זה לא חשוב לדקדק בזה,
אבל עוד שנייה אנחנו נראה
שחשוב לדקדק מאוד בשם של הקוקי.
אז אנחנו נעשה סבמיט, פבליש
ואנחנו נלך לפריוויו ואדיבאל מוד.
אז בואו נלך לוורד פייס עוד פעם ופריוויו.
ובואו עכשיו נראה מה קורה,
נעשה פה ריפרש.
קודם כל מה שחשוב לי פה כמובן שהתג ירד.
הנה אנחנו רואים פה שהפייג' וויו תגס פיירד
וסט קוקי נידס זה באמת ירד.
נבדוק איך הקוקי עובד, יש כל מיני דברים
אבל אנחנו נעשה את זה כמו שהרגע דיברנו.
אז הולכים לאפליקיישנס וקוקיס https וואו, כן?
אנחנו רואים קוקי חדש, וואו אינגייג' יוסר, ווליו ונידס. ואקספריישן זה 13 ל- דצמבר שנת 2018, כן?
זאת אומרת אמרנו 30 יום.
אז יפה, אז אני רואה שהקוקי אכן עובד.
עכשיו איך אני בעצם קורא את הקוקי?
איך אני יוצר טריגר לפי הקוקי הזה?
מה שאנחנו עושים, אנחנו הולכים לוריאבלס
ואנחנו ניצור וריאבל חדש. נקרא לזה "וואו אנגייג' יוסר".
אוקי. ואנחנו נלך לפירסט פרטי קוקי,
זה וריאבל שקורא את הקוקי בעצם.
ומאוד מאוד חשוב עכשיו פה בקוקי ניים,
חשוב מאוד, מאוד לדקדק בשם הקוקי.
אם יהיה לנו אות קטנה במקום אות גדולה,
אות גדולה במקום אות קטנה, פסיק, רווח,
משהו שלא במקום, הוריאבל לא יצליח לקרוא אותו.
אז מה שאני תמיד עושה, אני פשוט מעתיק את זה מפה.
לא נוגע, אין שום מגע יד אדם בעניינים האלו.
וואו אינגייג' יוסר ואנחנו נעשה פה סייב.
אוקי, מעולה. אז אנחנו נעשה פה עוד פעם פריוויו,
ועכשיו אנחנו רוצים לראות האם
זה אכן קורא את זה בגוגל תג מנג'ר.
בוא נעשה ריפרש ועכשיו פייג' וויו, וריאבל.
ואם אני הולך ל"וואו אנגייג' יוסר",
אני רואה שבאמת הספין זמין,
זאת אומרת הוא כן הצליח לקרוא
והוא קרא את הווליו של הקוקי, שהווליו זה נידס.
אז עד כאן הכול בסדר.
עכשיו אז בעצם יוצא שבזכות הוריאבל שהרגע יצרנו
אני יכול עכשיו ליצור איבנטים כרצוני לפי ה…
עכשיו יותר מזה, אנחנו אפילו ניתן דוגמה
שאם עכשיו אני הולך לדף אחר,
אז בוא נלך לפרסום בגוגל אדוורדס, סתם לדף אחר.
ואני אלך פה לפייג' וויו ווריאבל ו"וואו אנגייג' יוסר",
אני רואה שבאמת הסטרים זמין.
זאת אומרת אני רואה שהוא כן קרא
את הקוקי שהוא באמת וואן פייג' יוסר,
הייתי צריך לכתוב פה במקום נידס
הייתי כותב בזה טרו, אבל זה רק בשביל הדוגמה.
כי לפעמים יש פה באמת אני כן צריך את השם הפייג' טאפ,
אבל בכל מקרה ברמת העיקרון
הוא כן קורא את הקוקי גם כשאני בדף אחר.
אז הוא בעצם מזהה אותי בתור יוסר.
עכשיו אם אני רוצה רק בשביל הדוגמה אז אני עכשיו
הולך לאפליקיישן ואני אמחק את הקוקי הזה, כן?
אז בוא נלך לוואן פייג' יוסר ונמחק את הקוקי.
עכשיו אנחנו נעשה פה ריפרש.
אם אני הולך לפייג' וויו בוריאבל, וואן פייג' יוסר אנדיפיינד.
הוא לא הצליח לקרוא כי מחקתי את הקוקי הספציפי הזה.
אז עד כאן. עכשיו איך יוצרים טריגר בעניין הזה?
אז בעצם אנחנו עושים פה טריגר חדש
שזה יהיה לפי גם את הפייג' וויו, סאם פייג' וויוס כמובן.
ופה ב"וואו אנגייג' יוסר" קונטיינס נידס, כן?
כי הווליום של הקוקי הוא מכיל
את המילה נידס. אז זה כאן.
ואז בעצם מצמידים, אני לא אעשה את זה כרגע
אבל בעיקרון מצמידים את הטריגר הזה לתג,
ואפשר לראות, לעשות עם זה מה שבא לנו בעצם.
ליצור גם פופ-אפים ייחודים, ליצור הודעות ייחודיות,
ליצור לו איוונטים, כל מיני דברים מאוד,
מאוד מיוחדים שאפשר לעשות עם זה.
אז עד כאן בנוגע ליצירת קוקיס.
אני אריאל בריל, מקווה שנהניתם
ואנחנו נפגש בסרטון הבא.
הקטד שבו השתמשנו בסרטון-
function createCookie(name,value,days) {
if (days) {
var date = new Date();
date.setTime(date.getTime()+(days2460601000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}
זה ממש לא הסוף! יש עוד המון המון דברים שחשוב וכדאי לכם לדעת על השימוש בגוגל תג מנג'ר, אם אתם רוצים להעשיר את הידע שלכם בתחום אנחנו מזמינים אותכם לסדנת הגוגל תג מנג'ר שלנו שתלמד אותכם כל מה שתצטרכו לדעת- ואולי אפילו עוד קצת, לפרטים היכנסו לכאן