Kampüs Turu Video Ekleme Rehberi
Üniversite ve dil okulu detay sayfalarına YouTube videolarını ekleme talimatı
Genel Bilgi: Şu anda her üniversite/okulun "Kampüs Turu" sekmesinde, ziyaretçi tıkladığında YouTube'da otomatik arama yapan bir buton var. İstediğiniz üniversite için **spesifik bir video** belirlemek isterseniz, aşağıdaki adımları takip edin.
1. YouTube Video ID'si Nedir?
Her YouTube videosunun 11 karakterli benzersiz bir kimliği vardır. URL'deki v='den sonraki kısımdır.
https://www.youtube.com/watch?v=dQw4w9WgXcQ
└─ Bu, video ID'sidir
Veya kısa link:
https://youtu.be/dQw4w9WgXcQ
└─ Bu, video ID'sidir
2. Hangi Üniversiteye Hangi Videoyu Eklemek İstiyorsunuz?
Üç farklı detay sayfası türü var, her biri için video eklemek aynı mantıkla yapılır:
| Sayfa Türü | Dosya | Veri Konumu |
| Üniversite (76 üni) | universite-detay.html | UNIS objesi |
| Dil Okulu (9 okul) | dil-okulu-detay.html | SCHOOLS objesi |
| Yaz Okulu (6 program) | yaz-okulu-detay.html | SUMMER objesi |
3. Video Ekleme Adımları
Adım 1
YouTube'da eklenecek videoyu açın → URL'den video ID'yi kopyalayın (örn. r5wHAuTpIs8).
Adım 2
İlgili HTML dosyasını metin editörüyle açın (universite-detay.html veya dil-okulu-detay.html veya yaz-okulu-detay.html).
Adım 3
Aradığınız üniversitenin slug'ını bulun. Slug, sayfayı açtığınızda URL'deki son parçadır:
universite-detay.html?u=edinburgh → slug: edinburgh
Adım 4
Bu slug'a ait blokta, image: satırının yanına youtubeId alanı ekleyin:
Önce şöyledir:
'edinburgh': {
name: 'University of Edinburgh',
location: 'Edinburgh, İskoçya',
image: 'images/universities/edinburgh.jpg',
feeRange: '£26.500\'den',
...
}
Şöyle güncelleyin (sadece bir satır eklenir):
'edinburgh': {
name: 'University of Edinburgh',
location: 'Edinburgh, İskoçya',
image: 'images/universities/edinburgh.jpg',
youtubeId: 'r5wHAuTpIs8', // ← bu satırı ekleyin
feeRange: '£26.500\'den',
...
}
Adım 5
Dosyayı kaydedin → tarayıcıda Cmd+Shift+R ile yenileyin → "Kampüs Turu" sekmesine tıklayın → video oynatıcıyı göreceksiniz.
4. Hızlı Örnekler
Aşağıdaki blokları kopyalayıp uygun yerlere yapıştırabilirsiniz (slug, ID değerleri size aittir):
Üniversite örnekleri
// universite-detay.html içinde:
'kings': { ..., youtubeId: '5ja_3yKPcMs', ... }
'cardiff': { ..., youtubeId: 'XXXXXXXXXXX', ... }
'coventry': { ..., youtubeId: 'pIHiYO40uHk', ... }
Dil okulu örneği
// dil-okulu-detay.html içinde:
'stafford-london': { ..., youtubeId: 'XXXXXXXXXXX', ... }
5. Video Eklenince Otomatik Davranış
- Video varsa: 16:9 oranında YouTube oynatıcı sekmede oynar (modestbranding aktif, önerilenler kapalı)
- Video yoksa: "Kampüs Turu" placeholder + "YouTube'da Kampüs Turunu İzle" butonu (üniversite adıyla otomatik arama yapar)
6. Sık Karşılaşılan Sorunlar
Video yüklenmiyor
YouTube'daki "Embed" izni kapalı olabilir. Videoyu paylaşan kanal embed'e izin vermemiş olabilir. Başka bir video deneyin.
"Video kullanılamıyor" hatası
Video ülke kısıtlı, yaş kısıtlı veya silinmiş olabilir. Resmi üniversite kanalını tercih edin.
Video boyutu yanlış
16:9 oranında otomatik gösterilir; manuel boyut ayarına gerek yok.
7. Önerilen Video Kaynakları
Her üniversite için aşağıdaki YouTube aramalarını yapabilirsiniz:
- "[Üniversite adı] official campus tour" — resmi tur (en iyi)
- "[Üniversite adı] virtual tour" — sanal tur
- "[Üniversite adı] student vlog" — öğrenci günlüğü (daha doğal)
İdeal video özellikleri:
- 2-5 dakika (uzun tutmaz öğrenciler izlemez)
- Resmi üniversite kanalı (en güvenilir)
- İngilizce altyazı seçeneği olan
- HD kalite (720p+)
Ana Sayfaya Dön