צילום אתר

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

מתי להשתמש

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

התחלה מהירה

הגדרות

קלטים

פלטים

כך נראה הפלט JSON, בגרסה מקוצרת:

{
  "finalUrl": "https://www.example.com/",
  "title": "Example: the product",
  "fullPage": { "url": "https://…/full.jpg", "width": 412, "height": 6420 },
  "stills": [{ "index": 0, "label": "Ship faster", "category": "hero", "url": "https://…/0.png" }],
  "sections": [{ "order": 0, "label": "Ship faster", "category": "hero", "text": "…", "stillIndex": 0 }],
  "facts": ["$12 per month", "4.8/5", "10,000 teams"],
  "warnings": []
}

הערך category של אזור הוא hero, feature, pricing, proof, faq, cta או other.

קרדיטים

כל צילום עולה 11 קרדיטים, לא משנה כמה תמונות סטילס יוצאות.

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

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

טיפים

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

פתרון בעיות

דרך ה-API

הנתיב POST /v1/site-capture מריץ את אותו צילום מהקוד שלכם, עם { "url": "…", "maxStills": 8 }. הנתיב תמיד עונה מיד עם jobId; את הצילום מקבלים מהמשימה שהסתיימה, עם GET /v1/jobs/:id. ראו את דפי ה-API הרצת רכיב יחיד ומשימות.