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üDosyaVeri Konumu
Üniversite (76 üni)universite-detay.htmlUNIS objesi
Dil Okulu (9 okul)dil-okulu-detay.htmlSCHOOLS objesi
Yaz Okulu (6 program)yaz-okulu-detay.htmlSUMMER 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ış

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:

İdeal video özellikleri:

Ana Sayfaya Dön