Skip to content

CLOUDFLARE-PAGES-DEPLOYMENT.md

Latest commit

 

History

History
178 lines (134 loc) · 5.31 KB

CLOUDFLARE-PAGES-DEPLOYMENT.md

File metadata and controls

178 lines (134 loc) · 5.31 KB

🚀 פריסת האתר ב-Cloudflare Pages

📋 סיכום מה שהוכן לפריסה:

✅ קודי AdSense מוכנים:

  • סקריפט AdSense בתוך <head> בכל הדפים
  • מטא תג לאימות בעלות: <meta name="google-adsense-account" content="ca-pub-9953179201685717">
  • קובץ ads.txt בתיקיית הבסיס

✅ תמונות התוסף:

  • צילום מסך אמיתי מ-youtube-with-extension.png - התוסף בפעולה ב-YouTube
  • צילום מסך אמיתי מ-website-results-screenshot.png - תוצאות העיבוד עם פרקים וכותרות
  • מוצגות בדף התוסף במקום הטקסט הזמני

✅ קישור ישיר לתוסף:

  • קישור ישיר ל-Chrome Web Store
  • כפתור גיבוי לחיפוש ידני

🔧 הוראות פריסה ב-Cloudflare Pages:

שלב 1: הכנת הקבצים

# עבור לתיקיית האתר
cd website

# בנה את האתר (כבר בוצע)
npm run build

# תיקיית build/ מוכנה לפריסה

שלב 2: יצירת פרויקט ב-Cloudflare Pages

  1. עבור ל-Cloudflare Dashboard:

  2. צור פרויקט חדש:

    • לחץ "Create a project"
    • בחר "Upload assets" (העלאת קבצים ישירה)

  3. העלה את תיקיית build:

    • גרור את כל התוכן של website/build/
    • חשוב: העלה את התוכן של התיקייה, לא את התיקייה עצמה

שלב 3: הגדרות הפרויקט

Project name: youtube-smart-chapters-ai
Build command: npm run build
Build output directory: build
Root directory: website (אם מעלים מ-Git)

שלב 4: הגדרת דומיין מותאם אישית (אופציונלי)

  1. בהגדרות הפרויקט:

    • עבור ל-"Custom domains"
    • לחץ "Set up a custom domain"
    • הזן את הדומיין שלך

  2. הגדרת DNS:

    Type: CNAME
Name: www (או @)
Content: your-project.pages.dev

📁 מבנה הקבצים המפורס:

build/
├── index.html                     # עם קודי AdSense
├── ads.txt                       # קובץ אימות AdSense
├── youtube-with-extension.png     # תמונת התוסף בפעולה
├── website-results-screenshot.png # תמונת תוצאות העיבוד
├── static/
│   ├── css/main.c11edb5b.css
│   └── js/main.42b2844e.js
└── manifest.json

🔍 אימות הפריסה:

בדוק שהכל עובד:

  1. פתח את האתר - וודא שהוא נטען
  2. בדוק את דף התוסף - שתי התמונות צריכות להיות מוצגות
  3. בדוק את קובץ ads.txt - https://your-domain.com/ads.txt
  4. בדוק AdSense - view-source ותראה את הקודים

כתובות לבדיקה:

  • דף בית: /
  • דף התוסף: /extension
  • דף עיבוד: /process
  • קובץ ads.txt: /ads.txt
  • תמונת התוסף: /youtube-with-extension.png
  • תמונת התוצאות: /website-results-screenshot.png

🎯 שלבים נוספים לאחר הפריסה:

1. אימות ב-Google AdSense:

  1. עבור ל-Google AdSense Console
  2. בחר את שיטת האימות שהכי נוחה לך:
    • מטא תג - כבר מוכן ב-HTML
    • קובץ ads.txt - כבר קיים בשורש
    • קטע קוד AdSense - כבר מוכן ב-HTML

2. הגדרת Google Search Console:

<!-- להוסיף מטא תג נוסף לאימות -->
<meta name="google-site-verification" content="YOUR_VERIFICATION_CODE">

3. אנליטיקס (אופציונלי):

<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>

🚀 פקודות מהירות:

עדכון האתר:

cd website
npm run build
# העלה מחדש את תוכן build/ ל-Cloudflare Pages

בדיקה מקומית:

cd website
npm install -g serve
serve -s build
# פתח http://localhost:3000

🔧 פתרון בעיות נפוצות:

התמונות לא נטענות:

  • ודא ש-youtube-with-extension.png ב-build/
  • ודא ש-website-results-screenshot.png ב-build/
  • נתיב התמונות: /youtube-with-extension.png ו-/website-results-screenshot.png

קובץ ads.txt לא נמצא:

  • ודא ש-ads.txt בשורש build/
  • כתובת: https://your-domain.com/ads.txt

קודי AdSense לא עובדים:

  • בדוק view-source של הדף
  • חפש את: ca-pub-9953179201685717

✅ רשימת בדיקה לפני פרסום:

  • האתר נבנה בהצלחה (npm run build)
  • קובץ ads.txt קיים ב-build/
  • תמונת התוסף קיימת ב-build/ (youtube-with-extension.png)
  • תמונת התוצאות קיימת ב-build/ (website-results-screenshot.png)
  • קודי AdSense ב-HTML
  • קישורי התוסף עובדים
  • כל הדפים נטענים ללא שגיאות

🎉 האתר מוכן לפריסה ב-Cloudflare Pages עם כל הקודים והתמונות הנדרשים!