שיתוף | יו-טוב, חיפוש חכם ליוטיוב - מציג רק מה שפתוח בסינון!
-
@לב-טוב כתב בשיתוף | יו-טוב, חיפוש חכם ליוטיוב - מציג רק מה שפתוח בסינון!:
@מד אתה צודק, אבל אין לי דרך לדעת אם הם חסומים או שהם רק לא נבדקו עדיין
יש לנטפרי API שאפשר לבדוק דרכו, כמובן בצד הלקוח שגולש בנטפרי
בנוסף, התחברתי עם חשבון גוגל ועדיין הופיע לי 'התחבר עם גוגל לשמירת היסטוריה'
כדאי גם לשים אייקון לכרטיסייה
-
שלום לכולם,
לאחר הפרוייקטים הנפלאים בדוגמת 'יוטיוב כשר' ועוד ועוד כדומה,
התעוררה בימים האחרונים הבעיה למשתמשי אתרוג שעוד לא נבנה להם אתר ייעודי.בניתי [AI] אתר שמחפש ביוטיוב ותוך כדי החיפוש מבצע בדיקה על התוצאות ומציג רק את התוצאות שפתוחות בסינון שלכם. [כל אחד וסינונו הוא, נטפרי/אתרוג וכו'.]
יו-טוב
כרגע מכסת החיפושים של גוגל נגמרת מאוד מהר, אני ממתין לאישור של גוגל להגדלת המכסה.
הוספתי אפשרות להכנסת מפתח API אישי.
מדריך להנפקת מפתח אישי בספויילרבס"ד
מדריך הוצאת מפתח אישי ל API לחיפוש ביוטיוב
היכנסו ל https://console.cloud.google.com
לחצו על בורר הפרויקטים למעלה, ואז על New project לפתיחת פרויקט חדש
בתיבה הראשונה קראו לפרויקט בשם כלשהו שתזכרו,
ולחצו Create , המתינו ליצירת הפרויקט ובחרו בו.
לחצו על שלש הקוים למעלה מימין לפתיחת התפריט הצדדי ובחרו ב APIs & Services ואז Library
בשורת החיפוש הקלידו YouTube Data API v3
ובחרו בתוצאה שתוצג, המתינו לטעינה שלה, ואז אשרו את ההפעלה Enable .
בתפריט הצדדי, לחצו על Credentials
לחצו למעלה על הכפתור Create Credentials ובחרו ב-API key
בחלון שנפתח - תחת Application restrictions, בחרו ב- Websites
ותחת Website restrictions לחצו על ADD והקלידו שם את כתובת האתר בדיוק ככה:https://xsx-x.github.io/*לחצו על Done
תחת API restrictions בחרו ב Restrict key ואז יפתח לכם תפריט נפתח שנקרא "Select APIs"
חפשו ברשימה את YouTube Data API v3 וסמנו עליו V ולחצו OK.
ואז בתחתית הדף אשרו וסיימו.
כעת אתם בדף שמוצג המפתח שלכם, לחצו על Show key להצגת המפתח והעתיקו אותו. זהו.
נוספה אפשרות כניסה בחשבון גוגל, לשמירת ותצוגת היסטוריית המשתמש.
בפיתוח מתקדם -
שמירת נתוני גלישה ותוצאות חיפושי המשתמשים לבניית מסד נתונים של הקישורים הפתוחים/חסומים לזירוז החיפוש.אשמח מאוד שתנסו את האתר, ולשמוע הצעות לשיפור.
-
@מד כתב בשיתוף | יו-טוב, חיפוש חכם ליוטיוב - מציג רק מה שפתוח בסינון!:
אני לא יודע איך האתר שלך עובד, אבל אם הבדיקה מתבצע בתוך הדפדפן של הגולש, אז כן אפשר לבדוק לפי דף החסימה שאמור לעלות.
כמו בתוסף של @לאצי.זה בלתי אפשרי לחלוטין
הסבר מ AI בספויילראיך התוסף הזה עובד?
התוסף הזה לא בודק מראש שום דבר.
הוא עובד בשיטה שנקראת "הזרקת קוד" (Code Injection).
המשתמש מנסה להיכנס לאתר חסום.
נטפרי חוסמת את האתר, וטוענת בדפדפן את דף החסימה הרגיל שלה (עם הציורים והטקסט "האתר חסום" או "נשלח לבדיקה").
התוסף יושב בשקט, וברגע שהוא מזהה שהדפדפן טען את דף החסימה של נטפרי – הוא מתעורר, מוחק את הציורים הרגילים של נטפרי, ושם במקומם את העיצוב החדש שהמתכנת של התוסף יצר.
איך התוסף יודע אם זה "חסום" או "נשלח לבדיקה"?
הוא פשוט "קורא" את הטקסט שנטפרי כבר כתבה על המסך באותו רגע, ומשנה לו את העיצוב.
למה אנחנו לא יכולים להשתמש בשיטה שלו באתר שלנו?
כאן נכנס מושג סופר-חשוב באבטחת מידע שנקרא CORS (מדיניות אבטחת דפדפנים).
יש הבדל תהומי בין תוסף דפדפן (Extension) לבין אתר אינטרנט (Web Page):
תוסף דפדפן: יש לו "כוחות על". כשאתה מתקין תוסף, אתה נותן לו אישור לקרוא כל קוד של כל אתר שאתה גולש בו. לכן התוסף יכול להיכנס לדף החסימה של נטפרי ולקרוא מה כתוב בו.
אתר אינטרנט (כמו האתר שבנית בגיטהאב): לדפדפן (כרום/אדג') יש חוק ברזל: לאתר אינטרנט אסור בשום אופן לקרוא מה קורה מאחורי הקלעים של אתר אינטרנט אחר.
בוא נדמיין שהקוד שלך מנסה לעשות מה שהתוסף עושה:
הקוד שלך (שיושב ב- xsx-x.github.io) שולח בקשה נסתרת ליוטיוב כדי לראות אם נטפרי תענה לו "חסום" או "בבדיקה".
נטפרי מחזירה את דף החסימה עם הטקסט "נשלח לבדיקה".
אבל אז... הדפדפן של המשתמש קופץ וצועק: "רגע! האתר גיטהאב מנסה לקרוא בסתר מידע מהאתר של נטפרי! זה אסור מבחינה אבטחתית!" והדפדפן חוסם את התשובה (שגיאת CORS).
(תחשוב על זה ככה: אם אתרים היו יכולים לקרוא אתרים אחרים ברקע, אתר זדוני היה יכול לפתוח ברקע את חשבון הבנק שלך ולקרוא את היתרה שלך. לכן הדפדפן חוסם את זה).
אז איך האתר שלנו בכל זאת מצליח לבדוק אם זה חסום?
האתר שלנו משתמש ב"פרצות" קטנות ומותרות (חוקיות לגמרי) בדפדפן:
תמונות מותר לטעון! הדפדפן מרשה לאתר שלך להציג תמונה מאתר אחר. לכן, אנחנו מנסים לטעון את התמונה של יוטיוב. אם נטפרי חסמה את התמונה – הדפדפן אומר לנו "התמונה נשברה" (onerror), וככה אנחנו יודעים שהסרטון חסום בנטפרי בלי לקרוא שום טקסט.
נגן מותר להטמיע! הדפדפן מרשה להטמיע Iframe. לכן אנחנו פותחים נגן, וה-API של יוטיוב "צועק" לנו אם הנגן מנגן או שהוא נכשל.
המסקנה:
המתכנת של התוסף עשה עבודה יפה מאוד של עיצוב (CSS ו-JS) על גבי דף שכבר נטען.
אבל האתגר שאתה פתרת באתר שלך הוא הרבה יותר מורכב וחכם – אתה בנית מנוע שמסוגל לבדוק 50 סרטונים מראש, ברקע, ובמקביל, תוך כדי עקיפת חסימות האבטחה של הדפדפנים (CORS), וסידור שלהם על המסך בצורה נקייה.
בקיצור: אי אפשר לקחת את הקוד שלו כי הוא מיועד לתוסף שפועל על לשונית פתוחה, ואתה בנית אפליקציית רשת שסורקת נתונים ברקע. השיטה שיש לך כרגע (בדיקת תמונה + בדיקת נגן) היא השיטה הטובה והיציבה ביותר שאפשר לבצע דרך אתר אינטרנט (Web) כדי לבדוק חסימות של נטפרי! -
@לב-טוב מטורף! כל הכבוד!
אשמח אם תוסיף כפתור לצפיה מתוך יוטיוב
יש לנטפרי בעיה עם הנגן המובנה של יוטיוב והוא מוצג בלא פקדים בכלל רק מסך צפיה (הם חסמו לאחרונה קישור לספריית CSS של הנגן, שלחתי להם לפני כמה ימים פניה עדיין ממתין לתגובה..)
שכויח!בנתיים ג'ימני כתב לי סימניה שמוסיפה כפתורים לפתיחה בכרטיסיה חדשה
javascript:(function(){const cards=document.querySelectorAll('.video-card');if(cards.length===0){alert('לא נמצאו סרטונים. וודא שהם מוצגים על המסך.');return;}cards.forEach(card=>{if(card.querySelector('.yt-link'))return;const vId=card.id.replace('card-','');if(vId){const btn=document.createElement('button');btn.innerText='YouTube ↗';btn.className='yt-link';Object.assign(btn.style,{position:'absolute',bottom:'5px',left:'5px',zIndex:'1000',background:'#ff0000',color:'white',border:'none',borderRadius:'4px',padding:'3px 7px',cursor:'pointer',fontSize:'11px',fontWeight:'bold'});btn.onclick=(e)=>{e.stopPropagation();window.open(`https://www.youtube.com/watch?v=${vId}`,'_blank');};card.style.position='relative';card.appendChild(btn);}});})(); -
שלום לכולם,
לאחר הפרוייקטים הנפלאים בדוגמת 'יוטיוב כשר' ועוד ועוד כדומה,
התעוררה בימים האחרונים הבעיה למשתמשי אתרוג שעוד לא נבנה להם אתר ייעודי.בניתי [AI] אתר שמחפש ביוטיוב ותוך כדי החיפוש מבצע בדיקה על התוצאות ומציג רק את התוצאות שפתוחות בסינון שלכם. [כל אחד וסינונו הוא, נטפרי/אתרוג וכו'.]
יו-טוב
כרגע מכסת החיפושים של גוגל נגמרת מאוד מהר, אני ממתין לאישור של גוגל להגדלת המכסה.
הוספתי אפשרות להכנסת מפתח API אישי.
מדריך להנפקת מפתח אישי בספויילרבס"ד
מדריך הוצאת מפתח אישי ל API לחיפוש ביוטיוב
היכנסו ל https://console.cloud.google.com
לחצו על בורר הפרויקטים למעלה, ואז על New project לפתיחת פרויקט חדש
בתיבה הראשונה קראו לפרויקט בשם כלשהו שתזכרו,
ולחצו Create , המתינו ליצירת הפרויקט ובחרו בו.
לחצו על שלש הקוים למעלה מימין לפתיחת התפריט הצדדי ובחרו ב APIs & Services ואז Library
בשורת החיפוש הקלידו YouTube Data API v3
ובחרו בתוצאה שתוצג, המתינו לטעינה שלה, ואז אשרו את ההפעלה Enable .
בתפריט הצדדי, לחצו על Credentials
לחצו למעלה על הכפתור Create Credentials ובחרו ב-API key
בחלון שנפתח - תחת Application restrictions, בחרו ב- Websites
ותחת Website restrictions לחצו על ADD והקלידו שם את כתובת האתר בדיוק ככה:https://xsx-x.github.io/*לחצו על Done
תחת API restrictions בחרו ב Restrict key ואז יפתח לכם תפריט נפתח שנקרא "Select APIs"
חפשו ברשימה את YouTube Data API v3 וסמנו עליו V ולחצו OK.
ואז בתחתית הדף אשרו וסיימו.
כעת אתם בדף שמוצג המפתח שלכם, לחצו על Show key להצגת המפתח והעתיקו אותו. זהו.
נוספה אפשרות כניסה בחשבון גוגל, לשמירת ותצוגת היסטוריית המשתמש.
בפיתוח מתקדם -
שמירת נתוני גלישה ותוצאות חיפושי המשתמשים לבניית מסד נתונים של הקישורים הפתוחים/חסומים לזירוז החיפוש.אשמח מאוד שתנסו את האתר, ולשמוע הצעות לשיפור.
-
נראה מעולה מבדיקה זריזה
אם אני רושם בשורת חיפוש שם ערוץ הוא עובא על כל הסרטונים? כי נראה שלא הוא מציג לי סרטונים ישנים ולא רואה חדשים..
אם יהיה אפשרות להציג ערוצים שלמים כדי לראות איזה סרטונים חדשים יש זה יהיה מעולה (אפילו כרשימה שם +תאריך ).בעבר היה את https://socialblade.com/ אבל הוא כבר לא עובד כמו בעבר
-
@לב-טוב אלפי תודות!
בדיוק כתבנו על זה בפרוג ולא נראה שזה הלך להתקדם לאנשהו
https://www.prog.co.il/threads/מאות-סרטונים-מאושרים…-אבל-איפה-מוצאים-אותם.1126836/עשיתי ניסוי באתר לבדוק סרטונים מערוץ מסוים שאני יודעת שפתוחים באתרוג
משום מה הוא מראה שרק סרטון אחד מהערוץ פתוח וכל השאר חסומים, ואצלי ביוטיוב רובם פתוחים
וגם הסרטון הבודד שכן מראה שפתוח - לא מתנגן באתר שלך,
יש לך מה לבדוק בענין זה?ושוב אין מילים!! זה בהחלט דבר מוצלח ויעיל
-
@לב-טוב אלפי תודות!
בדיוק כתבנו על זה בפרוג ולא נראה שזה הלך להתקדם לאנשהו
https://www.prog.co.il/threads/מאות-סרטונים-מאושרים…-אבל-איפה-מוצאים-אותם.1126836/עשיתי ניסוי באתר לבדוק סרטונים מערוץ מסוים שאני יודעת שפתוחים באתרוג
משום מה הוא מראה שרק סרטון אחד מהערוץ פתוח וכל השאר חסומים, ואצלי ביוטיוב רובם פתוחים
וגם הסרטון הבודד שכן מראה שפתוח - לא מתנגן באתר שלך,
יש לך מה לבדוק בענין זה?ושוב אין מילים!! זה בהחלט דבר מוצלח ויעיל
@דאבל-קליק אפשר פרטים איזה ערוץ ואיזה סרטון לא מתנגן?
-
@דאבל-קליק אפשר פרטים איזה ערוץ ואיזה סרטון לא מתנגן?
@לב-טוב
פתוח לי המון סרטונים מערוץ chrisfix תיקוני רכב
סרטון בודד שמראה שפתוח (אבל לא מתנגן באתר שלך)
How to Buy a Budget Friendly Project Carכל השאר מסומנים כחסומים וחלק מהם כן פתוחים לי:
How to SUPER CLEAN your Engine Bay
How to Repair and Remove Dents from your Car (DIY
How To Super Clean Cloth and Leather Seats
ועוד -
@לב-טוב
פתוח לי המון סרטונים מערוץ chrisfix תיקוני רכב
סרטון בודד שמראה שפתוח (אבל לא מתנגן באתר שלך)
How to Buy a Budget Friendly Project Carכל השאר מסומנים כחסומים וחלק מהם כן פתוחים לי:
How to SUPER CLEAN your Engine Bay
How to Repair and Remove Dents from your Car (DIY
How To Super Clean Cloth and Leather Seats
ועוד@דאבל-קליק גם לי זה ככה - הסרטון הזה היה ברשימת החסומים בנטפרי (עניין אותי אם הוא נבדק ונחסם או לא אז חיפשתי בגוגל), ונראה שהיו עוד תוצאות כאלה.
 { const baseUrl = "https://www.google.co.il/search?q=site:mitmachim.top"; const m = location.pathname.match(/^\/(topic|category)\/(\d+)/); const type = m ? m[1] : null; const id = m ? m[2] : null; let searchInput; function search(path = "") { const query = searchInput.value.trim(); if (query) { window.open(`${baseUrl}${path}%20${encodeURIComponent(query)}`, "_blank"); } } let buttons = {}; buttons.searchAll = { id: "bb-search-all", label: `חיפוש ${type ? "בכל הפורום" : ""}`, className: type ? "btn-secondary" : "btn-primary", callback: () => search(), }; if (type === "topic") { buttons.searchTopic = { label: "חיפוש בנושא זה", className: "btn-primary", callback: () => search(`/topic/${id}`), }; } else if (type === "category") { buttons.searchCategory = { label: "חיפוש בקטגוריה זו", className: "btn-primary", callback: () => search(`/category/${id}`), }; } buttons.cancel = { label: "ביטול", className: "btn-default", "data-bs-dismiss": "modal" }; const dialog = bootbox.dialog({ title: '<div style="text-align:center;"><img src="/assets/uploads/files/1625950269825-mt-google.png" width="400" alt="חיפוש בגוגל"></div>', message: '<input id="bb-inp" class="bootbox-input bootbox-input-text form-control" placeholder="הקלידו כדי לחפש בגוגל" autocomplete="off"/>', buttons, backdrop: true, show: true, onEscape: true }); dialog.on("shown.bs.modal", function () { searchInput = document.getElementById("bb-inp"); if (searchInput) { searchInput.focus(); searchInput.addEventListener("keydown", function (e) { if (e.key === "Enter") { e.preventDefault(); const query = this.value.trim(); if (query) { search(); dialog.modal("hide"); } } else if (e.key === "Escape") { e.preventDefault(); dialog.modal("hide"); } }); } const searchAllButton = document.getElementById("bb-search-all"); if (searchAllButton) { searchAllButton.title = "לחצו על אנטר כדי לחפש"; } }); })(); void 0;){kind=link}