צילומי מסך מתוזמנים בתוספת Pixel Diff = ניטור תחרות ללא ביקור בקבוצות שלהם

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

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

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

מה Pixel Diff למעשה מגלה ולמה זה משנה

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

יופיה של הגישה זו הוא בהיקפה. כלי השוואת טקסט יגיד שינויי תוכן אך יעלם עדכוני עיצוב. כלי השוואת DOM יתפוס שינויים מבניים אך יעלם שינויי CSS המשנים את המראה החזותי ללא שינוי HTML. מסרק מחיר יתפוס שינויי מחיר אך יעלם הכל אחרי. Pixel Diff משיג את כל אלה כי זה פועל על הפלט שהועבר סופי, אותה דבר שאדם יראה בעת צפייה בעמוד. אם משהו השתנה בחזותיות, Pixel Diff משיג אותו, ללא קשר אם השינוי בא מ-HTML, CSS, JavaScript, תמונות, או כל שכבה אחרת של ערימת ההעברה.

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

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

בניית תוכנית ניטור תחרות שמפעילה את עצמה

הגדרת תוכנית ניטור מתחילה בזיהוי אילו עמודים כדאי לראות. לא כל עמוד בקבוצה של מתחרה זוכה לצילומי מסך יומיים. העמודים המכילים את התבונה הפעולה ביותר הם בדרך כלל עמוד התמחור, עמוד הבית, עמוד התכונות או המוצר, וכל דפי הנחיתה החוזרים את אותם מילים-מפתח. לחברת SaaS המעקבת אחרי שלוש מתחרים, זה יכול להיות שתים עשרה עד חמש עשרה כתובות URL בסך הכל. לפעולת e- commerce המעקבת אחרי שינויי מחיר, זה יכול להיות מאות דפי מוצר, כל אחד נלכד בתוכנית יומית או שבועית.

מערכת התזמון בכתובת screenshots.yeb.to תומכת בהגדרות לכתובת URL בודדת. לכל כתובת URL יש מרווח לכידה משלה, הגדרות תצוגה, וקביעות Diff. דף התמחור של מתחרה השינויים מחירים רבעונית עשוי להזדקק רק ללכידה שבועית. דף הבית של מתחרה המנסה בעדינות הודעות ועיצוב עשוי להזדקק לתופסות יומיות. דפי מוצר בשוק המתרחב במהירות עשוי ללכוד מלכודת כל שעות ספורות. ההצגה גמישה מספיק כדי להתאים את עוצמת הניטור לערך המידע של כל עמוד.

הודעות ניתן לנתב ליעדים שונים על בסיס סוג וגודל השינוי. עריכת טקסט קטנה בעמוד "אודות" של מתחרה עשוי ליצור סיכום דואר בסוף השבוע. שינוי מחיר העולה על 20 אחוז מאזור עמוד התמחור עשוי להשפיע הודעת Slack מידית לצוות המכירות. עיצוב מחדש מוחלט של דף הבית של מתחרה עשוי להסתערות webhook היוצר משימה בכלי ניהול הפרויקטים של צוות המוצר. גישה זו המוקצה ברמות מונעת כישוף התראה בזמן שהיא נעשית כי תנועות תחרות משמעותיות משטחות באופן מידי.

צילומי המסך המאוחסנים משמשים גם כארכיון ויזואלי של התפתחות תחרות לאורך זמן. כשמסתכלים לאחור על שלוש חודשים של לכידות שבועיות מבלים בולטים שלא יוצג משוואה יחידה. האם מתחרה פישוט בשלבים את עמוד הבית שלהם, הוצאת תכונות במשך שבועות עוקבים עד שנותרה רק הצעת הערך הבסיסית? האם הם ניסיון עם מבנים תמחור שונים, נשוי ביחוד הנתינה לפני חזרה לאפשרויות חודשיות? האם שפת העיצוב שלהם זז מכחול תאגיד לירוק stартаπ בהשקעה rebรanding שתוכן מתוך עמוד לדף? הטרנדים הללו אינם נראים בעת אמת אך ברור בבדיעות, וארכיון צילום המסך זו נוגעת אותם חסינים ללא מאמץ נוסף.

כאשר Web Scraping נכשל וצילומי מסך בתוספת OCR נכנסים לתמונה

תבונה תחרות מסורתית בדרך כלל מסתמכת על Web Scraping להוציא נתונים משודרים מעמודי תחרות. מחרוזת מבקר עמוד התמחור, פרסומת ה-HTML, והוצא ערכי מחיר למסד נתונים. זה עובד היטב עם עמודים סטטיים עם מבנה HTML צפוי. זה נכשל בתרתיל דוגמה לעלייה בעמודים בנויים עם מסגרות JavaScript המעברים תוכן באופן דינמי. יישום React או Next.js עשוי להשרת מחרוזת HTML כמעט ריק, עם כל התוכן בפועל טעון לאחר הוצאת JavaScript. המחרוזת לא רואה שום דבר כי זה לא מתבצע JavaScript. נתוני המחיר, רשימות התכונות, המעידויות, כל זה לא נראה לפרסומה HTML מסורתית.

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

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

היתרון תחרותי של ראיית מה אחרים מות לא מזוהה

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

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

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