news.nes.ru
KayıtlıRusya Ekonomi Okulu, fikirlerin ve insanların doğduğu yerdirHaber sitesinden haberler. hayır. ru, bilimin gerçeklikle buluştuğu, profesörlerin Çin'deki rekabeti tartıştığı ve öğrencilerin ...
Sayfa analizi güncelleme tarihi:
2026/03/30 19:33:25
Son whois güncelleme tarihi:
2026/06/06 21:02:14
Etki Alanı Durumu
Kayıtlı
Şu ana kadar ödendi
08.06.2027
Şu tarihten itibaren mevcut:
10.07.2027
×
![Tam ekran web sitesi ekran görüntüsü]()
news.nes.ru Web sitesi ekran görüntüsü
Web Sitesi Açıklaması
Rusya Ekonomi Okulu, fikirlerin ve insanların doğduğu yerdir
Haber sitesinden haberler. hayır. ru, bilimin gerçeklikle buluştuğu, profesörlerin Çin'deki rekabeti tartıştığı ve öğrencilerin sessizce piknik yaparak kariyer yaptıkları dünyaya açılan bir pencere gibidir. Evet, bu NES'in web sitesi - Rus Ekonomi Okulu, ancak sadece bir eğitim kurumu değil, gerçek bir akademik topluluk.
Ana sayfada ruh hemen hissediliyor: üst menüden en son haberlere kadar her şey burada vurgulanıyor. Sıradan bir bağlantı dizisi gibi görünebilecek bölümler var ancak daha yakından bakıldığında her biri daha büyük bir sistemin parçası. Okul, misyon, insanlar, derecelendirmeler hakkında. Bu sadece bilgi değil, bu tarih. Ayrıca kampüs, bağış fonu ve iletişim bilgileri hakkında da birçok ayrıntı var. Eh, telefon dışında hemen hemen her şey; hiç yok. Ama başka pek çok şey var.
Burada neler oluyor?
Site kendi hayatını yaşıyor. Makaleler, yazarların şu soruları sorduğu GURU portalından yayınlanmaktadır: Rekabet ekonomiye zarar verebilir mi? Ve evet, öyle olabileceği ortaya çıktı. Özellikle hükümet çok aktif bir şekilde müdahale ettiğinde. Örnek - Çin. Görünüşe göre tüm ülke gelişiyor ama aynı zamanda paradokslar da var. İdeal görünen sistemin olması gerektiği gibi çalışmaması mümkün mü?
Başka konular da var. Örneğin podcast'ler. Kulaktan kulağa ekonomi. Konuklar Eski İnananları, dürüstlüklerini, sözlerini, güvenlerini tartışıyorlar. Saatlerce dinleyebilirsiniz. Doğru, bazen işten bahsediyormuş gibi görünüyorlar ama gerçekte ahlaktan bahsediyorlar. İlginç, değil mi? Sonuçta, etik olmadan kapitalizm kaosa dönüşmez mi?
Ya da işte başka bir örnek: Erkek ol! makalesi. Burada stereotiplerden bahsediyoruz. Erkekler güçlü olmaya çabalıyor, fazla çalışıyor, kendilerini işe veriyorlar, ama neden? Gerçekten erkek olduklarını kendilerine kanıtlamak için mi? Ancak bu aynı zamanda sağlığı, kariyeri ve aileyi de etkiler. Neden bu şekilde inşa edildik? Belki de asıl mesele toplumun bizi bunu yapmaya zorlamasıdır?
Eğitim, araştırma, yaşam
NES sadece öğretmez. Burada programlar var: lisans, yüksek lisans, atölye çalışmaları ve lisansüstü çalışmalar. Çevrimiçi programlar bile var. Örneğin Mini MIF. Veya bir varlık yönetimi programı. Bu sadece bir müfredat değil; sadece diploma almak isteyenler için değil, dünyayı anlamak isteyenler için de bir yol.
Burada etkinlikler de düzenliyorlar. Mesela piknik. Üst üste ikinci yıl için. İnsanlar geliyor, yürüyor, konuşuyor. Gayri resmi olarak. Sunum yok. Ama yaşayan bir topluluk. Her şey olması gerektiği gibi. Rağmen. belki tamamen değil. Bazen herkesin çok ciddi olduğu anlaşılıyor. Ya da tam tersi - dürüst olmak gerekirse çok komik.
Bu arada Eylül ayında Rektör Anton Suvorov'un konuştuğu bir forum vardı. Kıtlık koşullarında iş dünyası ve hükümet için yeni çözümler üzerine.İlginç, değil mi? Sonuçta, her birimiz bununla karşı karşıyayız - personeli, sermayeyi, fikirleri nerede bulabiliriz? Ve burada ortaya çıktı ki, zaten bunu çözmeye çalışıyorlar.
GURU nasıl bir portal?
Bu ayrı bir hikaye. Makaleler, köşe yazıları, okuma listeleri var. Örneğin Okuma Listesi: Kanunlar vergiler ve fiyatlar gibi çalışır. Kulağa tuhaf geliyor ama evet. Hukukun bir meta olduğunu hayal edin. Satılıyor, fiyatı talebe bağlı, cezalar para cezası, adalet ise teşvikler dengesinin sonucudur. Hayır, o kadar basit değil. Ama ilginç, değil mi? Ama insanlar NES'te olmasa bile orada okuyorlar.
Sonuç
Haberlerdeki haberler. hayır. ru sadece bilgi değildir. Akademik kültürün bir parçası. Burada boş taslaklara yer yok. Hiçbir alan adının süresi dolmadı, site geçici olarak kullanılamıyor - her şey çalışıyor. O sadece yaşıyor. Her gün yeni bir şey ortaya çıkıyor - ya rekabetle ilgili bir makale, ya Eski İnananlar hakkında bir podcast ya da resepsiyonun sonuçları hakkında bir rapor. Ve bu sorun değil. İşte böyle olmalı.
Sık sorulan sorular
Haber nedir? hayır. ru?
Bu, Rus Ekonomi Okulu'nun web sitesidir; burada haberler, araştırmalar, uzman görüşleri, GURU portalından materyaller ve eğitim programları hakkında bilgiler yayınlanmaktadır.
NES'te hangi programlar var?
Lisans (BA), yüksek lisans (MAMSc), yüksek lisans programları (DPO), yüksek lisans okulu, Mini-MIF ve Finans Yüksek Lisansı gibi çevrimiçi programlar.
GURU portalı nedir?
Bu, NES tarafından oluşturulan, ekonomi, toplum ve kültür üzerine bilimsel makaleler, analizler, köşe yazıları ve materyaller yayınlamak için kullanılan bir platformdur.
Kabul kampanyası hakkında nereden bilgi edinebilirsiniz?
Haber web sitesinde. hayır. ru 2025 kabul kampanyasının sonuçları, öğrencilerin lisans ve yüksek lisans derecelerine kayıtlarıyla ilgili verilerle birlikte yayınlandı.
NES'te etkinlikler var mı?
Evet. Örneğin, okul yılı başında geleneksel bir piknik, rektörün Doğu Ekonomik Forumu'na katılımı, konferans ve seminerlerde konuşmalar.
SEO Puanı
61.64%
90
Elde edilen puan
146
Maksimum puan
Ana Bilgiler
Başlık: -->
<title>Научные статьи, исследования, экспертное мнение | РЭШ
Tanım: Новости и события
Anahtar Kelimeler: Научные статьи, исследования, экспертное мнение, экономика, финансы, выпускники, студенты, абитуриенты
Sayfa Kodlama:
utf-8
Sayfa Dosya Boyutu: 158 KB
Sunucu Bilgileri
IP: 217.16.17.177
Konum: Russia,RU,,,55.7386,37.6068,Europe/Moscow
Http Sunucusu: nginx
Kodlama: utf-8
Meta Etiketler Listesi
- charset: utf-8
- name: yandex-verification content: 3b4dc256e011e207
- property: og:title content: Новости
- property: og:description content: Новости и события
- property: og:image content: https://news.nes.ru/
- property: og:image:width content: 527
- property: og:image:height content: 353
- property: og:image:alt content: Новости
- property: og:video content: https://news.nes.ru/
- property: og:type content: website
- property: fb:admins content: 100001584438660
- property: fb:app_id content: 466249426875939
- name: description content: Новости и события
- name: keywords content: Научные статьи, исследования, экспертное мнение, экономика, финансы, выпускники, студенты, абитуриенты
- name: distributor content: Global
- itemprop: contentRating content: General
- name: author content: New Economic School
- name: viewport content: width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no
- name: apple-mobile-web-app-capable content: yes
- name: format-detection content: telephone=no
- name: format-detection content: address=no
- name: google-site-verification content: tIoCFvC4LPCmT8Y18uVDYqmu2kWg6cF8SGk6McwYElo
- name: yandex-verification content: 0a13f78df108a47d
- name: facebook-domain-verification content: m2c1robfaj4l9740r54amkcioetpkq
- equiv: X-UA-Compatible content: IE=edge
- equiv: Content-Security-Policy: ancestors: com:
- property: og:url content: https://news.nes.ru/
- property: og:image content: assets/images/placeholders/nes-ru.jpg
Dahili Bağlantılar
Dış Bağlantılar
Whois Bilgileri
domain_name: nes.ru
taxpayer_id: 7727016888
update_date: on
update_time:
creation_date: 2000-06-09T11:41:42Z
creation_time: 960550902
Whois Ham Verileri
domain: NES.RU
nserver: ns3-l2.nic.ru.
nserver: ns4-cloud.nic.ru.
nserver: ns4-l2.nic.ru.
nserver: ns8-cloud.nic.ru.
nserver: ns8-l2.nic.ru.
state: REGISTERED, DELEGATED, VERIFIED
org: New Economic School, Non-Govemmental Education Institution of Higher Education
taxpayer-id: 7727016888
registrar: RU-CENTER-RU
admin-contact: https://www.nic.ru/whois
created: 2000-06-09T11:41:42Z
paid-till: 2027-06-08T21:00:00Z
free-date: 2027-07-10
source: TCI
Last updated on 2026-06-06T20:58:01Z
Robots.txt
User-agent: Yandex
Disallow: /*?
Disallow: /*?id=
Disallow: /assets/components/
Disallow: /core/
Disallow: /mgr/
Disallow: /*connectors/
Disallow: /*manager/
Disallow: /index.php
Disallow: /404
Disallow: /404.html
Disallow: /log/
Disallow: /maillog/
Disallow: /cg-bin/
Disallow: /templstes/
Disallow: /revolution/
Disallow: /scriptsl/
Disallow: /permit-covid
Disallow: /permit-covid.html1
Disallow: /permit-covid-staff
Disallow: /permit-covid-staff.html
Disallow: /permit-covid-MIF
Disallow: /permit-covid-MIF.html
Disallow: /permit-covid-MAE
Disallow: /permit-covid-MAE.html
Disallow: /permit-covid-BAE
Disallow: /permit-covid-BAE.html
Disallow: /permit-covid-MAF
Disallow: /permit-covid-MAF.html
Disallow: /permit-covid-MAEE
Disallow: /permit-covid-MAEE.html
Disallow: /permit-covid-MSEE
Disallow: /permit-covid-MSEE.html
Disallow: /permit-covid-EADA
Disallow: /permit-covid-EADA.html
Disallow: /permit-covid-MSF
Disallow: /permit-covid-MSF.html
Disallow: /rectorsearch
Disallow: /rectorsearch.html
Disallow: /rectorsearch-ad
Disallow: /rectorsearch-ad.html
Disallow: *?
Crawl-Delay: 5
User-agent: Googlebot
Disallow: /*?
Disallow: /*?id=
Disallow: /assets/components/
Disallow: /core/
Disallow: /mgr/
Disallow: /*connectors/
Disallow: /*manager/
Disallow: /index.php
Disallow: /404
Disallow: /404.html
Disallow: /log/
Disallow: /maillog/
Disallow: /cg-bin/
Disallow: /templstes/
Disallow: /revolution/
Disallow: /scriptsl/
Disallow: /permit-covid
Disallow: /permit-covid.html
Disallow: /permit-covid-staff
Disallow: /permit-covid-staff.html
Disallow: /permit-covid-MIF
Disallow: /permit-covid-MIF.html
Disallow: /permit-covid-MAE
Disallow: /permit-covid-MAE.html
Disallow: /permit-covid-BAE
Disallow: /permit-covid-BAE.html
Disallow: /permit-covid-MAF
Disallow: /permit-covid-MAF.html
Disallow: /permit-covid-MAEE
Disallow: /permit-covid-MAEE.html
Disallow: /permit-covid-MSEE
Disallow: /permit-covid-MSEE.html
Disallow: /permit-covid-EADA
Disallow: /permit-covid-EADA.html
Disallow: /permit-covid-MSF
Disallow: /permit-covid-MSF.html
Disallow: /rectorsearch
Disallow: /rectorsearch.html
Disallow: /rectorsearch-ad
Disallow: /rectorsearch-ad.html
Disallow: *?
Crawl-Delay: 5
User-agent: Googlebot-Image
Disallow: /*?
Disallow: /*?id=
Disallow: /assets/components/
Disallow: /core/
Disallow: /mgr/
Disallow: /*connectors/
Disallow: /*manager/
Disallow: /index.php
Disallow: /404
Disallow: /404.html
Disallow: /log/
Disallow: /maillog/
Disallow: /cg-bin/
Disallow: /templstes/
Disallow: /revolution/
Disallow: /scriptsl/
Disallow: /permit-covid
Disallow: /permit-covid.html
Disallow: /permit-covid-staff
Disallow: /permit-covid-staff.html
Disallow: /permit-covid-MIF
Disallow: /permit-covid-MIF.html
Disallow: /permit-covid-MAE
Disallow: /permit-covid-MAE.html
Disallow: /permit-covid-BAE
Disallow: /permit-covid-BAE.html
Disallow: /permit-covid-MAF
Disallow: /permit-covid-MAF.html
Disallow: /permit-covid-MAEE
Disallow: /permit-covid-MAEE.html
Disallow: /permit-covid-MSEE
Disallow: /permit-covid-MSEE.html
Disallow: /permit-covid-EADA
Disallow: /permit-covid-EADA.html
Disallow: /permit-covid-MSF
Disallow: /permit-covid-MSF.html
Disallow: /rectorsearch
Disallow: /rectorsearch.html
Disallow: /rectorsearch-ad
Disallow: /rectorsearch-ad.html
Disallow: *?
Crawl-Delay: 5
User-agent: *
Disallow: /
Sitemap: https://www.nes.ru/sitemap.xml
Host: https://www.nes.ru/
SEO Denetimi
Teknik SEO
✓
Yanıt Kodu
200
Durum 200 Tamam - sayfa doğru şekilde yükleniyor.
✓
Karakter Kodlama
Page: utf-8, Header: utf-8
HTML ve başlıklar arasında tutarlı karakter kodlaması.
✓
Sayfa Boyutu
162717 bytes
Hızlı yükleme için kabul edilebilir sayfa boyutu.
!
Kaynaklar
62 total
Çok fazla kaynak var. Daha iyi performans için dosyaları optimize edin ve birleştirin.
✓
Hreflang Etiket
0 hreflang tags
Çok dilli içeriğiniz varsa hreflang etiketleri ekleyin.
✓
Robots.txt
Exists
Robots.txt dosyası bulundu.
✓
Sitemap
Declared in robots.txt
Site haritası robots.txt dosyasında bildirildi.
✓
HTTPS
Yes
Güvenli HTTPS bağlantısı etkinleştirildi.
✓
Sıkıştırma
gzip
Daha hızlı yükleme için Gzip veya Zstd sıkıştırması etkinleştirildi.
✓
Önbelleğe alma
no-store, no-cache, must-revalidate
Önbellek kontrol başlıkları düzgün şekilde ayarlanmış.
✓
Sayfa Hızı
1.70 ms
Mükemmel yükleme hızı.
Sayfa İçi SEO
!
Başlık
-->
Научные статьи, исследования, экспертное мнение | РЭШ</div><div class="audit-recommendation">Başlık çok uzun. Kesilmeyi önlemek için 30-60 karaktere düşürün.</div></div></div><div class="audit-item"><div class="audit-status status-fail">!</div><div class="audit-info"><div class="audit-name">Meta Açıklama</div><div class="audit-value">Новости и события Lenght:17</div><div class="audit-recommendation">Meta açıklaması çok kısa. 100-160 karaktere kadar genişletin.</div></div></div><div class="audit-item"><div class="audit-status status-pass">✓</div><div class="audit-info"><div class="audit-name">H1 Başlığı</div><div class="audit-value">1 found - "Новости"</div><div class="audit-recommendation">İyi - tek H1 başlığı bulundu.</div></div></div><div class="audit-item"><div class="audit-status status-fail">!</div><div class="audit-info"><div class="audit-name">Kelime Sayısı</div><div class="audit-value">383</div><div class="audit-recommendation">İçerik biraz kısa. Optimum SEO için 500'den fazla kelimeye genişletin.</div></div></div><div class="audit-item"><div class="audit-status status-fail">!</div><div class="audit-info"><div class="audit-name">Kanonik Etiket</div><div class="audit-value"></div><div class="audit-recommendation">Yinelenen içerik sorunlarını önlemek için standart etiket ekleyin.</div></div></div><div class="audit-item"><div class="audit-status status-fail">!</div><div class="audit-info"><div class="audit-name">Yinelenen Meta</div><div class="audit-value">{"yandex-verification":2,"format-detection":2}</div><div class="audit-recommendation">Çakışmaları önlemek için yinelenen meta etiketleri kaldırın.</div></div></div><div class="audit-item"><div class="audit-status status-pass">✓</div><div class="audit-info"><div class="audit-name">Anahtar Kelimeler</div><div class="audit-value">Научные статьи, исследования, экспертное мнение, экономика, финансы, выпускники, студенты, абитуриенты</div><div class="audit-recommendation">Meta anahtar kelimeler seti (not: büyük arama motorları tarafından kullanılmaz).</div></div></div><h3 class="category-title" style="margin-top: 1.5rem;">İçerik ve Kullanıcı Deneyimi</h3><div class="audit-item"><div class="audit-status status-fail">!</div><div class="audit-info"><div class="audit-name">Dil</div><div class="audit-value"></div><div class="audit-recommendation">Erişilebilirlik ve SEO için <html> etiketine lang özelliğini ekleyin.</div></div></div><div class="audit-item"><div class="audit-status status-fail">!</div><div class="audit-info"><div class="audit-name">Görseller</div><div class="audit-value">18 total, 5 missing ALT</div><div class="audit-recommendation">Erişilebilirlik ve SEO için görsellere ALT metni ekleyin.</div></div></div><div class="audit-item"><div class="audit-status status-pass">✓</div><div class="audit-info"><div class="audit-name">Görünüm alanı</div><div class="audit-value">width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no</div><div class="audit-recommendation">Görünüm meta etiketi mobil cihazlar için doğru şekilde ayarlanmış.</div></div></div><div class="audit-item"><div class="audit-status status-pass">✓</div><div class="audit-info"><div class="audit-name">Grafiği Aç</div><div class="audit-value">All OG tags present.</div><div class="audit-recommendation">Tüm temel OpenGraph etiketleri mevcuttur.</div></div></div><div class="audit-item"><div class="audit-status status-pass">✓</div><div class="audit-info"><div class="audit-name">Yapılandırılmış Veri</div><div class="audit-value">1 JSON-LD scripts</div><div class="audit-recommendation">Yapılandırılmış veriler (JSON-LD) bulundu.</div></div></div></div></div>
<!-- Load Google Charts at the top of the search engine section -->
<script>
// Load Google Charts
google.charts.load('current', {'packages':['corechart', 'line']});
</script>
<!-- Google Positions -->
<div class="chart-container">
<h2 class="chart-title">Pozisyonlar Google</h2>
<div id="chart_div_google" style="width: 100%; height: 400px;"></div>
</div>
<!-- Google Search Phrases -->
<div class="card">
<div class="card-header">
<h2 class="card-title">Arama İfadeleri - Google</h2>
<div class="card-icon">🔍</div>
</div>
<div class="card-content">
<div class="filters">
<div class="filter-group">
<label class="filter-label" for="googlePhraseFilter">İfade etmek:</label>
<input type="text" id="googlePhraseFilter" class="filter-input" placeholder="İfadeye göre filtrele">
</div>
<div class="filter-group">
<label class="filter-label" for="googlePageFilter">Sayfa:</label>
<input type="text" id="googlePageFilter" class="filter-input" placeholder="Sayfaya göre filtrele">
</div>
<div class="filter-group">
<label class="filter-label"> </label>
<button class="cta-button" onclick="applyFilters('google')">Filtre Uygula</button>
</div>
</div>
<div class="table-responsive">
<table class="data-table" id="googlePhrasesTable">
<thead>
<tr>
<th>Konum</th>
<th>İfade etmek</th>
<th>Sayfa</th>
<th>Snippet</th>
</tr>
</thead>
<tbody id="googlePhrasesBody">
<tr><td><span class="badge badge-success">1</span><span class="position-change positive">(+1)</span></td><td><noindex><a href="/tr/phrase/%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83-%D0%B6%D0%B5%D0%BD%D1%89%D0%B8%D0%BD-%D0%BC%D0%B0%D0%BB%D0%BE/" rel="nofollow">почему женщин мало</a></noindex></td><td>/news/Pamela-Campa-w...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/Pamela-Campa-women-in-politics-lecture/" rel="nofollow" target="_blank">Почему женщины мало представлены в политике?</a></noindex><br>19 нояб. 2019 г. — Глубинная причина такой расстановки приоритетов – недостаток поддержки со стороны родителей и учителей , маленький опыт конкурентной борьбы и, ...</div></td></tr><tr><td><span class="badge badge-success">1</span><span class="position-change positive">(+3)</span></td><td><noindex><a href="/tr/phrase/%D0%BF%D0%BE%D0%BB%D0%B8%D1%82%D0%B8%D0%BA%D0%B8-%D0%BC%D0%B5%D0%BD%D0%B5%D0%B5/" rel="nofollow">политики менее</a></noindex></td><td>/news/Pamela-Campa-w...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/Pamela-Campa-women-in-politics-lecture/" rel="nofollow" target="_blank">Почему женщины мало представлены в политике?</a></noindex><br>19 нояб. 2019 г. — Глубинная причина такой расстановки приоритетов – недостаток поддержки со стороны родителей и учителей, маленький опыт конкурентной борьбы и, ...</div></td></tr><tr><td><span class="badge badge-success">1</span></td><td><noindex><a href="/tr/phrase/%D0%BF%D1%80%D0%B8%D1%85%D0%BE%D0%B4%D0%B8%D1%82%D1%8C-%D0%B8%D1%82%D0%BE%D0%B3/" rel="nofollow">приходить итог</a></noindex></td><td>/news/kogda-ii-prixo...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/kogda-ii-prixodit-v-sud-itogi-pervogo-masshtabnogo-eksperimenta/" rel="nofollow" target="_blank">Когда ИИ приходит в суд: итоги первого масштабного ...</a></noindex><br>10 июл. 2026 г. — Что получится, если дополнить судью роботом? Чем языковая модель может помочь правосудию? И готовы ли судьи доверить чат-ботам право ...</div></td></tr><tr><td><span class="badge badge-success">1</span></td><td><noindex><a href="/tr/phrase/%D1%80%D0%B5%D1%88%D0%B8%D1%82%D0%B5-%D1%8D%D0%BA%D0%BE%D0%BD%D0%BE%D0%BC%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D1%83%D1%8E/" rel="nofollow">решите экономическую</a></noindex></td><td>/news/ne-tolko-vsero...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/ne-tolko-vseros.-podrobnyij-gajd-resh-po-ekonomicheskim-olimpiadam/" rel="nofollow" target="_blank">Не только Всерос. Подробный гайд ...</a></noindex><br>30 нояб. 2021 г. — Большинство поступающих на Совместный бакалавриат РЭШ и ВШЭ – победители и призеры олимпиад по экономике. Как выбрать, в каких участвовать?</div></td></tr><tr><td><span class="badge badge-success">2</span></td><td><noindex><a href="/tr/phrase/%D1%82%D0%B5%D0%BF%D0%BB%D1%83%D1%85%D0%B8%D0%BD-%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B0-%D0%B4%D0%B8%D0%B0%D0%BB%D0%BE%D0%B3/" rel="nofollow">теплухин тройка диалог</a></noindex></td><td>/news/pavel-tepluxin...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/pavel-tepluxin-v-resh/&lang=ru" rel="nofollow" target="_blank">Павел Теплухин, один из основателей «Тройка Диалог</a></noindex><br>21 февр. 2018 г. — Президент Matrix Capital Павел Теплухин рассказал студентам и выпускникам РЭШ о взгляде изнутри на фондовые рынки России.</div></td></tr><tr><td><span class="badge badge-success">2</span></td><td><noindex><a href="/tr/phrase/%D0%B2%D1%8B%D0%BF%D1%83%D1%81%D0%BA%D0%BD%D0%B8%D0%BA%D0%B8-%D0%BC%D0%B0%D0%B3%D0%B8%D1%81%D1%82%D1%80%D0%B0%D1%82%D1%83%D1%80%D1%8B/" rel="nofollow">выпускники магистратуры</a></noindex></td><td>/news/gde-rabotayut-...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/gde-rabotayut-i-skolko-zarabatyivayut-vyipuskniki-magistraturyi-resh/" rel="nofollow" target="_blank">Где работают и сколько зарабатывают выпускники ...</a></noindex><br>7 февр. 2025 г. — Узнайте, на какие позиции и в какие компании трудоустраиваются выпускники магистратуры РЭШ сразу после выпуска. Ключевики: карьера после РЭШ ...</div></td></tr><tr><td><span class="badge badge-success">2</span></td><td><noindex><a href="/tr/phrase/%D0%B6%D0%B5%D0%BD%D1%89%D0%B8%D0%BD%D1%8B-%D0%BC%D0%B0%D0%BB%D0%BE/" rel="nofollow">женщины мало</a></noindex></td><td>/news/Pamela-Campa-w...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/Pamela-Campa-women-in-politics-lecture/" rel="nofollow" target="_blank">Почему женщины мало представлены в политике?</a></noindex><br>19 нояб. 2019 г. — Глубинная причина такой расстановки приоритетов – недостаток поддержки со стороны родителей и учителей, маленький опыт конкурентной борьбы и, ...</div></td></tr><tr><td><span class="badge badge-success">2</span></td><td><noindex><a href="/tr/phrase/%D0%BC%D0%B0%D0%BB%D0%BE-%D0%BE%D1%82%D0%BB%D0%B8%D1%87%D0%B0%D0%B5%D1%82%D1%81%D1%8F/" rel="nofollow">мало отличается</a></noindex></td><td>/news/bolshe-biznesa...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/bolshe-biznesa-menshe-sporta-chem-chm-po-futbolu-otlichaetsya-ot-drugix-podkast-ekonomika-na-slux/" rel="nofollow" target="_blank">Больше бизнеса, меньше спорта. Чем ЧМ по футболу ...</a></noindex><br>30 июн. 2026 г. — «Экономика на слух» не могла остаться в стороне от чемпионата мира по футболу 2026 г. На этом турнире число команд выросло с 32 до 48, появилось ...</div></td></tr><tr><td><span class="badge badge-success">2</span></td><td><noindex><a href="/tr/phrase/%D0%BF%D0%BE%D0%BC%D0%BE%D0%B3%D0%B8%D1%82%D0%B5-16/" rel="nofollow">помогите 16</a></noindex></td><td>/news/na-16-m-semina...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/na-16-m-seminare-po-ekonomicheskim-issledovaniyam-ekspertyi-obsudili-kak-bolshie-i-alternativnyie-dannyie-vliyayut-na-ekonomiku-i-finansovyij-sektor/" rel="nofollow" target="_blank">На 16-м семинаре по экономическим исследованиям ...</a></noindex><br>2 дня назад — На 16 -м семинаре по экономическим исследованиям эксперты обсудили, как большие и альтернативные данные влияют на экономику и финансовый сектор ...</div></td></tr><tr><td><span class="badge badge-success">2</span></td><td><noindex><a href="/tr/phrase/%D0%B3%D0%B4%D0%B5-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B0%D1%8E%D1%82-%D0%BF%D0%BE%D1%81%D0%BB%D0%B5/" rel="nofollow">где работают после</a></noindex></td><td>/news/kariera-posle-...</td><td><button class="show-snippet-btn" onclick="toggleSnippet(this)">Parçayı göster</button><div class="snippet" style="display: none;"><noindex><a href="https://news.nes.ru//news/kariera-posle-resh-gde-rabotayut-i-skolko-zarabatyivayut-vyipuskniki-magistraturyi-2025/" rel="nofollow" target="_blank">Где работают и сколько зарабатывают выпускники ...</a></noindex><br>3 февр. 2026 г. — Такой подход обеспечивает выпускникам широкий спектр карьерных возможностей в экономике, финансовом секторе, международных компаниях, ...</div></td></tr> </tbody>
</table>
</div>
<div class="pagination" id="googlePagination">
<button disabled onclick="loadSearchPhrases('google', 0)">«</button>
<button class="active" onclick="loadSearchPhrases('google', 1)">1</button>
<button class="" onclick="loadSearchPhrases('google', 2)">2</button>
<button class="" onclick="loadSearchPhrases('google', 3)">3</button>
<button disabled="">...</button> <button class="" onclick="loadSearchPhrases('google', 12)">12</button>
<button class="" onclick="loadSearchPhrases('google', 13)">13</button>
<button onclick="loadSearchPhrases('google', 2)">»</button>
</div>
</div>
</div>
<script>
// Google Charts for google
google.charts.setOnLoadCallback(drawChart_google);
function drawChart_google() {
var data = new google.visualization.DataTable();
data.addColumn('date', 'Gün');
data.addColumn("number", "почему женщин мало");data.addColumn("number", "политики менее");data.addColumn("number", "приходить итог");data.addColumn("number", "решите экономическую");data.addColumn("number", "теплухин тройка диалог");data.addColumn("number", "выпускники магистратуры");data.addColumn("number", "женщины мало");data.addColumn("number", "мало отличается");data.addColumn("number", "помогите 16");data.addColumn("number", "где работают после");
data.addRows([
[new Date(2025, 9, 28),null,null,null,null,2,null,null,null,null,null,],[new Date(2025, 9, 30),null,null,null,null,null,null,2,null,null,null,],[new Date(2025, 10, 26),null,null,null,null,null,null,null,null,2,null,],[new Date(2025, 6, 1),2,null,null,null,null,null,null,null,null,null,],[new Date(2025, 6, 13),null,4,null,null,null,null,null,null,null,null,],[new Date(2025, 7, 10),null,null,null,null,null,2,null,null,null,null,],[new Date(2026, 6, 19),null,null,null,1,null,null,null,null,null,null,],[new Date(2026, 7, 13),null,null,null,null,null,null,null,2,null,null,],[new Date(2026, 7, 14),1,null,null,null,null,null,null,null,null,null,],[new Date(2026, 7, 17),null,null,null,null,null,null,null,null,null,2,],[new Date(2026, 7, 3),null,1,1,null,null,null,null,null,null,null,], ]);
var options = {
chart: {
title: 'Alanın üstte olduğu arama ifadeleri google arama motoru: "news.nes.ru"',
subtitle: 'Cümle konumu geçmişi'
},
width: '100%',
height: 400,
curveType: 'function',
legend: { position: 'bottom' },
pointSize: 5,
pointsVisible: true,
interpolateNulls: true,
selectionMode: 'multiple',
vAxis: {
direction: '-1',
title: 'Konum',
},
hAxis: {
title: 'Tarih',
},
};
var chart = new google.visualization.LineChart(document.getElementById("chart_div_google"));
chart.draw(data, options);
}
</script>
<!-- Additional Services -->
<div class="card" id="domain-additional-services">
<div class="card-header">
<h2 class="card-title">Ek Hizmetler</h2>
<div class="card-icon">💎</div>
</div>
<div class="card-content">
<div class="info-grid">
<div class="info-item">
<span class="popup-trigger" alt="Ayrıntılı önerilerle tam SEO denetimi">
<button class="cta-button"
data-modal="paymentModal"
data-payment-type="domain_seo_pay"
data-payment-item-id="8754252"
data-title="Tam SEO Denetimi news.nes.ru"
data-text="Arama motoru konumlarını iyileştirmek için ayrıntılı öneriler içeren tam SEO denetimi."
data-price="99.99">
Tam SEO Denetimi </button>
<span class="popup-text"></span>
</span>
</div>
<div class="info-item">
<span class="popup-trigger" alt="100 anahtar sözcük için aylık konum izleme">
<button class="cta-button"
data-modal="paymentModal"
data-payment-type="domain_position_pay"
data-payment-item-id="8754252"
data-title="Pozisyon İzleme news.nes.ru"
data-text="Google ve Yandex'de 100 anahtar kelimenin aylık konum takibi."
data-price="49.99">
Pozisyon İzleme </button>
<span class="popup-text"></span>
</span>
</div>
<div class="info-item">
<span class="popup-trigger" alt="Rakip analizi ve tanıtım stratejilerinin belirlenmesi">
<button class="cta-button"
data-modal="paymentModal"
data-payment-type="domain_analiz_pay"
data-payment-item-id="8754252"
data-title="Rakip Analizi news.nes.ru"
data-text="Rakip analizi ve tanıtım stratejilerinin belirlenmesi."
data-price="79.99">
Rakip Analizi </button>
<span class="popup-text"></span>
</span>
</div>
</div>
</div>
</div>
<!-- Search Engine Positions -->
<!-- Load Google Charts -->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>
// Load Google Charts
google.charts.load('current', {'packages':['corechart', 'line']});
</script>
<script>
// Google Charts loader (already in your HTML)
google.charts.load('current', {'packages':['corechart', 'line']});
// Global variable to store chart instances
let chartInstances = {};
// AJAX function for loading search phrases with pagination/filtering
function loadSearchPhrases(engine, page) {
const phraseFilterEl = document.getElementById(`${engine}PhraseFilter`);
const pageFilterEl = document.getElementById(`${engine}PageFilter`);
const phraseFilter = phraseFilterEl ? phraseFilterEl.value : '';
const pageFilter = pageFilterEl ? pageFilterEl.value : '';
const domain = document.getElementById('domain_name').value;
const data = {
type: 'search_phrases',
engine: engine,
page: page,
domain: domain,
phrase_filter: phraseFilter,
page_filter: pageFilter
};
// Show loading state for table
const tbody = document.getElementById(`${engine}PhrasesBody`);
if (tbody) {
tbody.innerHTML = `
<tr>
<td colspan="4" style="text-align: center; padding: 2rem;">
<div class="loading-spinner"></div>
<p>Loading data...</p>
</td>
</tr>
`;
}
// Show loading state for chart
const chartContainer = document.getElementById(`chart_div_${engine}`);
if (chartContainer) {
chartContainer.innerHTML = `
<div style="text-align: center; padding: 4rem;">
<div class="loading-spinner"></div>
<p>Updating chart...</p>
</div>
`;
}
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
updateTableContent(engine, response.data);
updatePagination(engine, response.pagination);
// Generate and update chart with new data
if (response.data && response.data.length > 0) {
const chartData = generateChartData(response.data, engine);
updateChart(engine, chartData);
} else {
// Hide chart if no data
const chartContainerDiv = document.getElementById(`chart_container_${engine}`);
if (chartContainerDiv) {
chartContainerDiv.style.display = 'none';
}
}
} else {
showErrorInTable(engine, response.error);
}
});
}
// Generate chart data from API response
function generateChartData(phrasesData, engine) {
const chartData = {
js_addColumn_str: '',
js_dataRows_str: ''
};
if (!phrasesData || phrasesData.length === 0) {
return chartData;
}
// Parse all phrases and their history
const allPhrases = [];
const allHistory = [];
phrasesData.forEach(item => {
const pages = parsePageData(item.page_data);
const titles = parseContentData(item.title_data);
const snippets = parseContentData(item.snippet_data);
const history = parsePositionHistory(item.position_history, pages, titles, snippets);
if (history.length > 0) {
allPhrases.push(item.phrase);
allHistory.push({
phrase: item.phrase,
history: history
});
}
});
if (allHistory.length === 0) {
return chartData;
}
// Collect all unique days
const allDays = new Set();
allHistory.forEach(item => {
item.history.forEach(h => {
allDays.add(h.day);
});
});
// Sort days in ascending order
const sortedDays = Array.from(allDays).sort((a, b) => a - b);
// Generate columns
chartData.js_addColumn_str = 'data.addColumn("date", "Day")\n';
allPhrases.forEach(phrase => {
const label = phrase.length > 30 ? phrase.substring(0, 27) + '...' : phrase;
chartData.js_addColumn_str += `data.addColumn("number", "${label}")\n`;
});
// Count how many columns we should have
const expectedColumnCount = 1 + allPhrases.length;
// Generate data rows
const dataRows = [];
sortedDays.forEach(day => {
// Convert day number to Date object
const date = new Date(day * 86400 * 1000);
// Create row array
const row = [date];
// Add position for EACH phrase on this day
allHistory.forEach(item => {
const history = item.history;
const entry = history.find(h => h.day === day);
row.push(entry ? entry.position : null);
});
// Adjust row length if needed
if (row.length !== expectedColumnCount) {
while (row.length < expectedColumnCount) {
row.push(null);
}
while (row.length > expectedColumnCount) {
row.pop();
}
}
dataRows.push(row);
});
// Format rows for Google Charts
if (dataRows.length > 0) {
const rowStrings = dataRows.map(row => {
const formattedRow = row.map((value, index) => {
if (index === 0 && value instanceof Date) {
const year = value.getFullYear();
const month = value.getMonth();
const day = value.getDate();
return `new Date(${year}, ${month}, ${day})`;
}
return value;
});
return JSON.stringify(formattedRow);
});
chartData.js_dataRows_str = rowStrings.join(',\n');
chartData.js_dataRows_str = chartData.js_dataRows_str.replace(/"new Date\((\d+), (\d+), (\d+)\)"/g, 'new Date($1, $2, $3)');
}
return chartData;
}
// Update chart with new data
function updateChart(engine, chartData) {
if (!chartData || !chartData.js_dataRows_str || !chartData.js_addColumn_str) {
console.warn(`No chart data for ${engine}`);
const chartContainerDiv = document.getElementById(`chart_container_${engine}`);
if (chartContainerDiv) {
chartContainerDiv.style.display = 'none';
}
return;
}
// Show chart container
const chartContainerDiv = document.getElementById(`chart_container_${engine}`);
if (chartContainerDiv) {
chartContainerDiv.style.display = 'block';
}
// Check if Google Charts is loaded
if (typeof google === 'undefined' || typeof google.visualization === 'undefined') {
console.warn('Google Charts not loaded yet');
google.charts.load('current', {'packages':['corechart', 'line']});
google.charts.setOnLoadCallback(function() {
setTimeout(() => {
drawChart(engine, chartData);
}, 100);
});
} else {
setTimeout(() => {
drawChart(engine, chartData);
}, 100);
}
}
// Draw chart function
function drawChart(engine, chartData) {
try {
const chartContainer = document.getElementById(`chart_div_${engine}`);
// Check if chart container exists
if (!chartContainer) {
console.warn(`Chart container for ${engine} not found`);
return;
}
var data = new google.visualization.DataTable();
// Add date column
data.addColumn('date', 'Day');
// Parse and add data columns
const columns = chartData.js_addColumn_str.split('\n').filter(line => line.trim() !== '');
columns.forEach(col => {
const match = col.match(/data\.addColumn\("(\w+)",\s*"([^"]+)"\)/);
if (match) {
const type = match[1];
const label = match[2];
if (type === 'date' && label === 'Day') {
return;
}
data.addColumn(type, label);
}
});
// Parse data rows
const rowsStr = chartData.js_dataRows_str.trim();
if (rowsStr && rowsStr !== '[]') {
try {
const rows = eval(`[${rowsStr}]`);
// Adjust rows if needed
const adjustedRows = rows.map(row => {
if (!Array.isArray(row)) {
return new Array(data.getNumberOfColumns()).fill(null);
}
if (row.length === data.getNumberOfColumns()) {
return row;
}
const adjusted = new Array(data.getNumberOfColumns()).fill(null);
// Copy available values
const copyCount = Math.min(row.length, data.getNumberOfColumns());
for (let i = 0; i < copyCount; i++) {
adjusted[i] = row[i];
}
return adjusted;
});
data.addRows(adjustedRows);
} catch (e) {
console.error(`Error parsing data rows:`, e);
return;
}
}
const domainName = document.getElementById('domain_name').value;
const engineName = engine.charAt(0).toUpperCase() + engine.slice(1);
var options = {
chart: {
title: `Search phrases for which the domain is at the top of the ${engine} search engine: "${domainName}"`,
subtitle: 'Phrase position history'
},
width: '100%',
height: 400,
curveType: 'function',
legend: {
position: 'bottom',
maxLines: 3
},
pointSize: 3,
pointsVisible: true,
interpolateNulls: true,
selectionMode: 'multiple',
vAxis: {
direction: -1,
title: 'Position',
viewWindow: {
min: 1,
max: 100
},
ticks: [
{v: 1, f: '1'},
{v: 10, f: '10'},
{v: 20, f: '20'},
{v: 30, f: '30'},
{v: 50, f: '50'},
{v: 100, f: '100'}
]
},
hAxis: {
title: 'Date',
format: 'MMM yyyy'
},
};
// Store chart instance for potential future updates
const chart = new google.visualization.LineChart(chartContainer);
chartInstances[engine] = chart;
chart.draw(data, options);
} catch (error) {
console.error(`Error drawing chart for ${engine}:`, error);
}
}
// Parse functions (same as before)
function parsePageData(pageDataStr) {
const pages = {};
if (!pageDataStr || pageDataStr.trim() === '') return pages;
try {
const pageItems = pageDataStr.split(';');
pageItems.forEach(item => {
if (item.trim()) {
const parts = item.split(':');
if (parts.length >= 2) {
const id = parts[0].trim();
const page = parts.slice(1).join(':');
if (id) {
pages[id] = decodeURIComponent(page).replace(/\+/g, ' ');
}
}
}
});
} catch (e) {
console.error('Error parsing page data:', e);
}
return pages;
}
function parseContentData(contentDataStr) {
const content = {};
if (!contentDataStr || contentDataStr.trim() === '') return content;
try {
const items = contentDataStr.split(';');
items.forEach(item => {
if (item.trim()) {
const parts = item.split(':');
if (parts.length >= 2) {
const id = parts[0].trim();
const value = parts.slice(1).join(':');
if (id) {
let decodedValue;
try {
decodedValue = decodeURIComponent(value);
decodedValue = decodedValue.replace(/\\x([0-9A-Fa-f]{2})/g, (match, hex) =>
String.fromCharCode(parseInt(hex, 16))
);
} catch (e) {
decodedValue = value;
}
content[id] = decodedValue;
}
}
}
});
} catch (e) {
console.error('Error parsing content data:', e);
}
return content;
}
function parsePositionHistory(historyStr, pages, titles, snippets) {
const history = [];
if (!historyStr || historyStr.trim() === '') return history;
try {
const entries = historyStr.split(';');
entries.forEach(entry => {
if (entry.trim()) {
const parts = entry.split(':');
if (parts.length >= 3) {
const day = parseInt(parts[0]);
const position = parseInt(parts[1]);
const pageId = parts[2];
const titleId = parts[3] || '';
const snippetId = parts[4] || '';
if (!isNaN(day) && !isNaN(position)) {
history.push({
day: day,
position: position,
page: pages[pageId] || '',
title: titles[titleId] || '',
snippet: snippets[snippetId] || ''
});
}
}
}
});
history.sort((a, b) => a.day - b.day);
} catch (e) {
console.error('Error parsing position history:', e);
}
return history;
}
// Update table content with AJAX response
function updateTableContent(engine, data) {
const tbody = document.getElementById(`${engine}PhrasesBody`);
if (!tbody) return;
let tableRows = '';
const domain = document.getElementById('domain_name').value;
data.forEach(item => {
const pages = parsePageData(item.page_data);
const titles = parseContentData(item.title_data);
const snippets = parseContentData(item.snippet_data);
const history = parsePositionHistory(item.position_history, pages, titles, snippets);
const latestEntry = history.length > 0 ? history[history.length - 1] : null;
const position = latestEntry ? latestEntry.position : null;
const page = latestEntry ? latestEntry.page : '';
const title = latestEntry ? latestEntry.title : '';
const snippet = latestEntry ? latestEntry.snippet : '';
let change = null;
if (history.length >= 2) {
const previousEntry = history[history.length - 2];
if (previousEntry && position !== null && previousEntry.position !== null) {
change = previousEntry.position - position;
}
}
const badgeClass = getPositionBadgeClass(position);
const positionHtml = position ? `<span class="badge ${badgeClass}">${position}</span>` : '<span class="badge">N/A</span>';
const changeHtml = change !== null && change !== 0
? `<span class="position-change ${change > 0 ? 'positive' : 'negative'}">(${change > 0 ? '+' : ''}${change})</span>`
: '';
const hasTitle = title && title.trim() !== '';
const hasSnippet = snippet && snippet.trim() !== '';
const showSnippet = hasTitle || hasSnippet;
let snippetHtml = '';
if (showSnippet) {
snippetHtml = `
<button class="show-snippet-btn" onclick="toggleSnippet(this)">Show snippet</button>
<div class="snippet" style="display: none;">
<noindex><a href="https://${domain}${escapeHtml(page)}" rel="nofollow" target="_blank">
${hasTitle ? `<strong>${escapeHtml(title)}</strong><br>` : ''}
</a></noindex>
${hasSnippet ? escapeHtml(snippet) : ''}
</div>
`;
} else {
snippetHtml = '<span style="color: var(--gray);">-</span>';
}
tableRows += `
<tr>
<td>${positionHtml}${changeHtml}</td>
<td><noindex><a href="/en/phrase/${encodeURIComponent(item.phrase)}/" rel="nofollow">${escapeHtml(item.phrase)}</a></noindex></td>
<td>${escapeHtml(page)}</td>
<td>${snippetHtml}</td>
</tr>
`;
});
tbody.innerHTML = tableRows;
}
// Update pagination with AJAX response
function updatePagination(engine, pagination) {
const paginationContainer = document.getElementById(`${engine}Pagination`);
if (!paginationContainer) return;
const { current_page, total_pages, has_previous, has_next } = pagination;
let paginationButtons = '';
if (total_pages > 1) {
// Previous button
paginationButtons += `<button ${!has_previous ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${current_page - 1})">«</button>`;
// First page
paginationButtons += `<button class="${current_page === 1 ? 'active' : ''}" ${current_page === 1 ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', 1)">1</button>`;
// Calculate range
let startPage = Math.max(2, current_page - 2);
let endPage = Math.min(total_pages - 1, current_page + 2);
if (current_page <= 3) {
endPage = Math.min(total_pages - 1, 5);
}
if (current_page >= total_pages - 2) {
startPage = Math.max(2, total_pages - 4);
}
if (startPage > 2) {
paginationButtons += `<button disabled>...</button>`;
}
for (let i = startPage; i <= endPage; i++) {
const activeClass = i === current_page ? 'active' : '';
const disabledAttr = i === current_page ? 'disabled' : '';
paginationButtons += `<button class="${activeClass}" ${disabledAttr} onclick="loadSearchPhrases('${engine}', ${i})">${i}</button>`;
}
if (endPage < total_pages - 1) {
paginationButtons += `<button disabled>...</button>`;
}
if (total_pages > 1) {
paginationButtons += `<button class="${current_page === total_pages ? 'active' : ''}" ${current_page === total_pages ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${total_pages})">${total_pages}</button>`;
}
// Next button
paginationButtons += `<button ${!has_next ? 'disabled' : ''} onclick="loadSearchPhrases('${engine}', ${current_page + 1})">»</button>`;
}
paginationContainer.innerHTML = paginationButtons;
}
// Show error in table
function showErrorInTable(engine, errorMessage) {
const tbody = document.getElementById(`${engine}PhrasesBody`);
if (tbody) {
tbody.innerHTML = `
<tr>
<td colspan="4" style="text-align: center; padding: 2rem; color: var(--danger);">
<div style="margin-bottom: 1rem;">
<span style="font-size: 2rem;">❌</span>
</div>
<p><strong>Error loading data:</strong></p>
<p>${escapeHtml(errorMessage)}</p>
<button class="toggle-btn" onclick="loadSearchPhrases('${engine}', 1)" style="margin-top: 1rem;">
Retry
</button>
</td>
</tr>
`;
}
}
// Helper functions
function escapeHtml(text) {
if (!text) return '';
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
function getPositionBadgeClass(position) {
if (!position) return 'badge';
if (position <= 3) return 'badge-success';
if (position <= 10) return 'badge-warning';
return 'badge-danger';
}
function toggleSnippet(button) {
const snippet = button.nextElementSibling;
const isVisible = snippet.style.display === 'block';
snippet.style.display = isVisible ? 'none' : 'block';
button.textContent = isVisible ? 'Show snippet' : 'Hide snippet';
}
// Filter functions
function applyFilters(engine) {
loadSearchPhrases(engine, 1);
}
function clearFilters(engine) {
const phraseFilterEl = document.getElementById(`${engine}PhraseFilter`);
const pageFilterEl = document.getElementById(`${engine}PageFilter`);
if (phraseFilterEl) phraseFilterEl.value = '';
if (pageFilterEl) pageFilterEl.value = '';
loadSearchPhrases(engine, 1);
}
// Initialize filter events on page load
document.addEventListener('DOMContentLoaded', function() {
// Initialize enter key for filter inputs
['google', 'yandex'].forEach(engine => {
const phraseFilter = document.getElementById(`${engine}PhraseFilter`);
const pageFilter = document.getElementById(`${engine}PageFilter`);
if (phraseFilter) {
phraseFilter.addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
applyFilters(engine);
}
});
}
if (pageFilter) {
pageFilter.addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
applyFilters(engine);
}
});
}
});
// Load Google Charts
google.charts.load('current', {'packages':['corechart', 'line']});
// Initial chart drawing for server-side data
google.charts.setOnLoadCallback(function() {
// You might want to extract chart data from initial server-side render
// or make an initial AJAX call to get chart data for page 1
});
});
// AJAX request function
function sendRequest(url, data, callback) {
const xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
try {
const response = JSON.parse(xhr.responseText);
callback(response);
} catch (e) {
console.error("JSON parse error:", e);
callback({status: 'error', error: 'Invalid response from server'});
}
} else {
callback({status: 'error', error: 'Server error: ' + xhr.status});
}
}
};
xhr.send(JSON.stringify(data));
}
</script>
<script>
(function() {
'use strict';
// --- Configuration ---
const STORAGE_KEY = 'serpuls_domain_sections_state';
const SECTIONS_TO_COLLAPSE = [
{ id: 'domain-main-info', title: 'Ana Bilgiler', btnText: 'Bilgi' },
{ id: 'domain-server-info', title: 'Sunucu Bilgileri', btnText: 'Sunucu' },
{ id: 'domain-meta-tags', title: 'Meta Etiketler Listesi', btnText: 'Meta' },
{ id: 'domain-internal-links', title: 'Dahili Bağlantılar', btnText: 'Dahili' },
{ id: 'domain-external-links', title: 'Dış Bağlantılar', btnText: 'Harici' },
{ id: 'domain-whois-info', title: 'Whois Bilgileri', btnText: 'Whois' },
{ id: 'domain-seo-audit', title: 'SEO Denetimi', btnText: 'SEO Denetimi' }
];
// --- Helper Functions ---
function saveSectionState(sectionId, isCollapsed) {
const savedState = localStorage.getItem(STORAGE_KEY);
const state = savedState ? JSON.parse(savedState) : {};
state[sectionId] = isCollapsed;
localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
}
function loadSectionState(sectionId) {
const savedState = localStorage.getItem(STORAGE_KEY);
if (!savedState) return false;
const state = JSON.parse(savedState);
return state[sectionId] || false;
}
// --- Create Floating TOC ---
function createFloatingTOC() {
// Find all major sections
const sections = [];
// Add main sections from the page
const sectionSelectors = [
{ id: 'domain-header', title: 'Alan Adı Bilgileri', selector: '.domain-header' },
{ id: 'domain-description', title: 'Web Sitesi Açıklaması', selector: '.card:has(.card-title:contains("Web Sitesi Açıklaması"))' },
{ id: 'domain-backup', title: 'Etki Alanı Yedekleme', selector: '.card:has(.card-title:contains("Etki Alanı Yedekleme"))' },
{ id: 'domain-seo-score', title: 'SEO Puanı', selector: '.seo-score' },
{ id: 'domain-main-info', title: 'Ana Bilgiler', selector: '.card:has(.card-title:contains("Ana Bilgiler"))' },
{ id: 'domain-server-info', title: 'Sunucu Bilgileri', selector: '.card:has(.card-title:contains("Sunucu Bilgileri"))' },
{ id: 'domain-meta-tags', title: 'Meta Etiketler Listesi', selector: '.card:has(.card-title:contains("Meta Etiketler Listesi"))' },
{ id: 'domain-internal-links', title: 'Dahili Bağlantılar', selector: '.card:has(.card-title:contains("Dahili Bağlantılar"))' },
{ id: 'domain-external-links', title: 'Dış Bağlantılar', selector: '.card:has(.card-title:contains("Dış Bağlantılar"))' },
{ id: 'domain-whois-info', title: 'Whois Bilgileri', selector: '.card:has(.card-title:contains("Whois Bilgileri"))' },
{ id: 'domain-whois-raw', title: 'Whois Ham Verileri', selector: '.card:has(.card-title:contains("Whois Ham Verileri"))' },
{ id: 'domain-robots', title: 'Robots.txt', selector: '.card:has(.card-title:contains("Robots.txt"))' },
{ id: 'domain-seo-audit', title: 'SEO Denetimi', selector: '.card:has(.card-title:contains("SEO Denetimi"))' },
{ id: 'domain-google-positions', title: 'Pozisyonlar Google', selector: '.chart-container:has(h2:contains("Google"))' },
{ id: 'domain-google-phrases', title: 'Arama İfadeleri - Google', selector: '.card:has(.card-title:contains("Google"))' },
{ id: 'domain-yandex-positions', title: 'Pozisyonlar Yandex', selector: '.chart-container:has(h2:contains("Yandex"))' },
{ id: 'domain-yandex-phrases', title: 'Arama İfadeleri - Yandex', selector: '.card:has(.card-title:contains("Yandex"))' },
{ id: 'domain-additional-services', title: 'Ek Hizmetler', selector: '.card:has(.card-title:contains("Ek Hizmetler"))' }
];
sectionSelectors.forEach(section => {
let element = null;
// Try to find by selector
if (section.selector) {
if (section.selector.includes(':contains')) {
// Simple contains selector
const containsText = section.selector.match(/:contains\("([^"]+)"\)/);
if (containsText) {
const searchText = containsText[1];
const cards = document.querySelectorAll('.card, .chart-container, .seo-score, .domain-header');
for (const card of cards) {
if (card.textContent.includes(searchText) && !card.id) {
element = card;
break;
}
}
}
} else {
element = document.querySelector(section.selector);
}
}
if (element && !element.id) {
element.id = section.id;
sections.push({ id: section.id, title: section.title, element: element });
} else if (element && element.id) {
sections.push({ id: element.id, title: section.title, element: element });
}
});
// Also add any card with an ID that wasn't captured
document.querySelectorAll('.card[id], .chart-container[id], .seo-score[id]').forEach(el => {
if (!sections.find(s => s.id === el.id)) {
const titleEl = el.querySelector('.card-title, h2');
if (titleEl) {
sections.push({ id: el.id, title: titleEl.innerText.trim(), element: el });
}
}
});
if (sections.length < 2) return;
// Create TOC container
const tocContainer = document.createElement('div');
tocContainer.id = 'floating-toc';
tocContainer.className = 'floating-toc';
tocContainer.innerHTML = `
<div class="floating-toc-header">
<span>📑 İçindekiler</span>
<button id="toc-toggle-btn" class="toc-toggle-btn" aria-label="İçindekiler tablosunu daralt">−</button>
</div>
<div id="toc-links-container" class="toc-links-container">
${sections.map(section => `<a href="#${section.id}" class="toc-link" data-id="${section.id}">${escapeHtml(section.title)}</a>`).join('')}
</div>
`;
document.body.appendChild(tocContainer);
// Toggle TOC visibility
const toggleBtn = document.getElementById('toc-toggle-btn');
const linksContainer = document.getElementById('toc-links-container');
let isTocExpanded = true;
toggleBtn.addEventListener('click', () => {
if (isTocExpanded) {
linksContainer.style.display = 'none';
toggleBtn.textContent = '+';
tocContainer.classList.add('collapsed');
} else {
linksContainer.style.display = 'block';
toggleBtn.textContent = '−';
tocContainer.classList.remove('collapsed');
}
isTocExpanded = !isTocExpanded;
});
// Highlight active section on scroll
const tocLinks = document.querySelectorAll('.toc-link');
const sectionElements = sections.map(s => s.element);
function updateActiveLink() {
let current = '';
const scrollPosition = window.scrollY + 100;
for (const section of sectionElements) {
if (!section) continue;
const sectionTop = section.offsetTop;
const sectionBottom = sectionTop + section.offsetHeight;
if (scrollPosition >= sectionTop && scrollPosition < sectionBottom) {
current = section.id;
break;
}
}
tocLinks.forEach(link => {
link.classList.remove('active');
if (link.getAttribute('data-id') === current) {
link.classList.add('active');
}
});
}
window.addEventListener('scroll', updateActiveLink);
updateActiveLink();
// Smooth scroll
tocLinks.forEach(link => {
link.addEventListener('click', (e) => {
e.preventDefault();
const targetId = link.getAttribute('data-id');
const targetElement = document.getElementById(targetId);
if (targetElement) {
targetElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
}
});
});
}
// --- Add Collapsible Buttons to Sections ---
function addCollapsibleButtons() {
SECTIONS_TO_COLLAPSE.forEach(section => {
// Find the card by ID or by title
let targetCard = document.getElementById(section.id);
if (!targetCard) {
const cards = document.querySelectorAll('.card');
for (const card of cards) {
const titleEl = card.querySelector('.card-title');
if (titleEl && titleEl.innerText.trim() === section.title) {
targetCard = card;
break;
}
}
}
if (!targetCard) return;
// Set ID if not exists
if (!targetCard.id) targetCard.id = section.id;
// Create button
const button = document.createElement('button');
button.className = 'collapse-section-btn';
button.setAttribute('data-section-id', section.id);
button.setAttribute('aria-label', 'Bölümü daralt/genişlet');
// Get initial state
const isCollapsed = loadSectionState(section.id);
if (isCollapsed) {
button.innerHTML = '➕';
targetCard.classList.add('section-collapsed');
const content = targetCard.querySelector('.card-content');
if (content) content.style.display = 'none';
} else {
button.innerHTML = '➖';
targetCard.classList.remove('section-collapsed');
const content = targetCard.querySelector('.card-content');
if (content) content.style.display = '';
}
// Insert button into card-header
const cardHeader = targetCard.querySelector('.card-header');
if (cardHeader) {
const iconDiv = cardHeader.querySelector('.card-icon');
if (iconDiv) {
cardHeader.insertBefore(button, iconDiv);
} else {
cardHeader.appendChild(button);
}
// Add click handler
button.addEventListener('click', (e) => {
e.stopPropagation();
const sectionId = button.getAttribute('data-section-id');
const card = document.getElementById(sectionId);
if (!card) return;
const content = card.querySelector('.card-content');
if (!content) return;
if (card.classList.contains('section-collapsed')) {
content.style.display = '';
card.classList.remove('section-collapsed');
button.innerHTML = '➖';
saveSectionState(sectionId, false);
} else {
content.style.display = 'none';
card.classList.add('section-collapsed');
button.innerHTML = '➕';
saveSectionState(sectionId, true);
}
});
}
});
}
// --- Create Back to Top Button ---
function createBackToTopButton() {
const btn = document.createElement('button');
btn.id = 'back-to-top';
btn.innerHTML = '↑';
btn.setAttribute('aria-label', 'Başa dön');
btn.className = 'back-to-top-btn';
document.body.appendChild(btn);
window.addEventListener('scroll', () => {
if (window.scrollY > 500) {
btn.classList.add('visible');
} else {
btn.classList.remove('visible');
}
});
btn.addEventListener('click', () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
}
// --- Improve Table Responsiveness ---
function improveTables() {
const tables = document.querySelectorAll('.data-table, .tasks-table');
tables.forEach(table => {
const container = table.closest('.table-responsive') || table.parentElement;
if (container && !container.querySelector('.scroll-hint')) {
const hint = document.createElement('div');
hint.className = 'scroll-hint';
hint.innerHTML = '← → Daha fazlasını görmek için kaydırın';
hint.style.cssText = `
display: none;
text-align: center;
font-size: 0.7rem;
color: var(--gray);
margin-top: 0.5rem;
padding: 0.25rem;
background: rgba(67, 97, 238, 0.05);
border-radius: 12px;
`;
container.style.position = 'relative';
container.appendChild(hint);
function checkScroll() {
if (container.scrollWidth > container.clientWidth) {
hint.style.display = 'block';
} else {
hint.style.display = 'none';
}
}
checkScroll();
window.addEventListener('resize', checkScroll);
container.addEventListener('scroll', () => {
hint.style.opacity = '0.5';
setTimeout(() => { hint.style.opacity = '1'; }, 300);
});
}
});
}
// --- Escape HTML helper ---
function escapeHtml(text) {
const div = document.createElement('div');
div.textContent = text;
return div.innerHTML;
}
// --- Add custom styles ---
function addCustomStyles() {
const style = document.createElement('style');
style.textContent = `
.floating-toc {
position: fixed;
top: 80px;
right: 20px;
z-index: 1000;
background: white;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0,0,0,0.15);
border: 1px solid #e9ecef;
width: 260px;
max-width: calc(100% - 40px);
transition: all 0.3s ease;
backdrop-filter: blur(8px);
background: rgba(255,255,255,0.95);
}
.floating-toc-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: white;
border-radius: 12px 12px 0 0;
font-weight: 600;
font-size: 0.9rem;
cursor: pointer;
}
.toc-toggle-btn {
background: none;
border: none;
color: white;
font-size: 1.2rem;
cursor: pointer;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background 0.2s;
}
.toc-toggle-btn:hover {
background: rgba(255,255,255,0.2);
}
.floating-toc.collapsed {
width: auto;
}
.floating-toc.collapsed .floating-toc-header {
border-radius: 12px;
}
.toc-links-container {
max-height: 400px;
overflow-y: auto;
padding: 8px 0;
}
.toc-link {
display: block;
padding: 8px 15px;
color: var(--dark);
text-decoration: none;
font-size: 0.85rem;
transition: all 0.2s;
border-left: 3px solid transparent;
}
.toc-link:hover {
background: rgba(67, 97, 238, 0.05);
color: var(--primary);
padding-left: 20px;
}
.toc-link.active {
background: rgba(67, 97, 238, 0.1);
border-left-color: var(--primary);
color: var(--primary);
font-weight: 500;
}
.collapse-section-btn {
background: none;
border: none;
font-size: 1.1rem;
cursor: pointer;
width: 28px;
height: 28px;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
color: var(--gray);
margin-right: 8px;
}
.collapse-section-btn:hover {
background: rgba(67, 97, 238, 0.1);
color: var(--primary);
}
.card.section-collapsed .card-header {
border-bottom: none;
}
.back-to-top-btn {
position: fixed;
bottom: 30px;
right: 30px;
width: 48px;
height: 48px;
border-radius: 50%;
background: linear-gradient(135deg, var(--primary), var(--secondary));
color: white;
border: none;
cursor: pointer;
font-size: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 999;
box-shadow: 0 4px 12px rgba(67, 97, 238, 0.4);
}
.back-to-top-btn.visible {
opacity: 1;
visibility: visible;
}
.back-to-top-btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 16px rgba(67, 97, 238, 0.5);
}
@media (max-width: 768px) {
.floating-toc {
top: auto;
bottom: 20px;
right: 20px;
left: auto;
width: 48px;
overflow: hidden;
}
.floating-toc .floating-toc-header span {
display: none;
}
.floating-toc .floating-toc-header {
justify-content: center;
padding: 12px;
}
.floating-toc .toc-toggle-btn {
margin: 0;
}
.floating-toc:not(.collapsed) {
width: 260px;
left: auto;
right: 20px;
bottom: 20px;
top: auto;
}
.floating-toc:not(.collapsed) .floating-toc-header span {
display: inline;
}
.floating-toc:not(.collapsed) .floating-toc-header {
justify-content: space-between;
}
.back-to-top-btn {
bottom: 80px;
right: 20px;
width: 40px;
height: 40px;
font-size: 1.2rem;
}
.scroll-hint {
display: block !important;
font-size: 0.65rem;
}
}
html {
scroll-behavior: smooth;
}
.card .card-content {
transition: display 0.2s ease;
}
[dir="rtl"] .floating-toc {
right: auto;
left: 20px;
}
[dir="rtl"] .back-to-top-btn {
right: auto;
left: 30px;
}
[dir="rtl"] .collapse-section-btn {
margin-right: 0;
margin-left: 8px;
}
`;
document.head.appendChild(style);
}
// --- Initialize ---
function init() {
addCustomStyles();
createFloatingTOC();
addCollapsibleButtons();
createBackToTopButton();
improveTables();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();
</script></div>
<!-- Footer -->
<footer>
<div class="footer-container">
<div class="footer-content">
<div class="footer-section">
<h3>About serpuls.com</h3>
<div class="footer-info">
<p>Arama motoru analizi, konum izleme ve SEO optimizasyonu için profesyonel araç.</p>
<p style="margin-top: 1rem;"><strong>Skynet360 LP.</strong></p>
<p><strong>Şirket No:</strong> SL027564</p>
<p><strong>Adres:</strong> Suite 1 4 Queen Street, Edinburgh, Scotland, EH2 1JE</p>
</div>
</div>
<div class="footer-section">
<h3>Hızlı Bağlantılar</h3>
<ul class="footer-links">
<li><a href="/tr/">Ev</a></li>
<li><a href="/tr/profile/">Profil</a></li>
<li><a href="/tr/tasks/">İzleme Görevleri</a></li>
<li><a href="/tr/api_docs/">API Dokümantasyonu</a></li>
<li><a href="/tr/team/">Ekibimiz</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Kaynaklar</h3>
<ul class="footer-links">
<li><a href="/tr/blogs/">Blog</a></li>
<li><a href="/tr/faq/">SSS</a></li>
<li><a href="/tr/support/">Destek</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Kişiler</h3>
<div class="footer-info">
<p>E-posta: <a href="mailto:info@serpuls.com">info@serpuls.com</a></p>
<p>Telgraf: <a href="https://t.me/serpulse_support">@serpulse_support</a></p>
<div class="social-links">
<a href="#" class="social-link" title="Telgraf">📱</a>
<a href="https://github.com/SkyNetJose/serpuls" class="social-link" title="GitHub">💻</a>
<a href="#" class="social-link" title="heyecan">🐦</a>
</div>
</div>
</div>
</div>
<div class="footer-bottom">
<p class="copyright">© 2026 serpuls.com. Her hakkı saklıdır. Skynet360 LP.</p>
<div class="footer-bottom-links">
<a href="/tr/privacy/">Gizlilik Politikası</a>
<a href="/tr/terms/">Kullanım Koşulları</a>
<a href="/tr/agreement/">Kullanıcı Sözleşmesi</a>
<a href="/tr/cookie/">Çerez Politikası</a>
</div>
</div>
</div>
</footer>
<!-- Updated Payment Modal HTML -->
<div class="modal" id="paymentModal">
<div class="modal-content">
<span class="close-btn">×</span>
<div class="modal-success" id="paymentSuccess">
<div class="success-icon">✓</div>
<h3>Ödeme başarılı!</h3>
<p>Siparişiniz için teşekkür ederiz. Kısa süre içinde sizinle iletişime geçeceğiz.</p>
<button class="cta-button" onclick="closeModal('paymentModal')">Kapalı</button>
</div>
<form id="paymentForm" onsubmit="return processPayment(event)">
<h2 class="modal-title" id="modalTitle">Hizmet için ödeme</h2>
<p class="modal-text" id="modalText">Hizmet açıklaması</p>
<!-- Hidden fields for payment type and ID -->
<input type="hidden" id="paymentType" name="payment_type" value="">
<input type="hidden" id="paymentItemId" name="payment_item_id" value="">
<!-- Payment Options -->
<div class="payment-options" id="paymentOptions">
<!-- Options will be dynamically generated here -->
</div>
<!-- Manual Price Input (Optional) - Now dynamically shown based on config -->
<div class="form-group" id="manualPriceGroup" style="display: none;">
<label for="manualPrice">Tutarı girin (USD):</label>
<input type="number"
id="manualPrice"
class="form-control"
placeholder="Tutarı girin"
min="1"
max="10000"
step="0.01"
oninput="updateManualPrice(this.value)">
<div class="error-message" id="manualPriceError"></div>
</div>
<!-- Custom Price Option Toggle - Now dynamically shown -->
<div class="form-group" id="customPriceToggle" style="display: none; margin-bottom: 1rem;">
<label style="display: flex; align-items: center; gap: 0.5rem; cursor: pointer;">
<input type="radio"
id="customPriceRadio"
name="paymentOption"
value="custom"
onchange="toggleCustomPriceSelection(this.checked)">
Özel tutarı girin </label>
</div>
<div class="form-group">
<label for="modalName">İsim:</label>
<input type="text" id="modalName" class="form-control" placeholder="Adınızı girin" required>
<div class="error-message" id="modalNameError"></div>
</div>
<div class="form-group">
<label for="modalEmail">E-posta:</label>
<input type="email" id="modalEmail" class="form-control" placeholder="E-postanızı girin" required>
<div class="error-message" id="modalEmailError"></div>
</div>
<p class="modal-price" id="modalPrice">Fiyat: $0.00</p>
<button type="submit" class="cta-button" id="payButton">Ödemek $0.00</button>
</form>
</div>
</div>
<!-- Redirect Modal (for iframe) -->
<div class="modal" id="redirectModal">
<div class="modal-content modal-large">
<span class="close-btn">×</span>
<h2 class="modal-title">Ödeme</h2>
<iframe id="redirectIframe" class="modal-iframe" src=""></iframe>
</div>
</div>
<!-- Auth Modal -->
<div class="modal" id="authModal">
<div class="modal-content">
<span class="close-btn">×</span>
<div class="auth-tabs">
<div class="auth-tab active" data-tab="login">Giriş yapmak</div>
<div class="auth-tab" data-tab="register">Kayıt olmak</div>
</div>
<div class="auth-form active" id="loginForm">
<h2 class="modal-title">Hesabınızda oturum açın</h2>
<!-- Regular Login -->
<div class="form-group">
<label for="loginEmail">E-posta:</label>
<input type="email" id="loginEmail" class="form-control" placeholder="E-postanızı girin">
<div class="error-message" id="loginEmailError"></div>
</div>
<div class="form-group">
<label for="loginPassword">Şifre:</label>
<input type="password" id="loginPassword" class="form-control" placeholder="Şifrenizi girin">
<div class="error-message" id="loginPasswordError"></div>
</div>
<button class="cta-button" style="width: 100%;" onclick="processLogin()">Giriş yapmak</button>
<!-- Telegram Login Option -->
<div style="text-align: center; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e9ecef;">
<p style="margin-bottom: 1rem; color: var(--gray);">Veya Telegram ile giriş yapın</p>
<button class="cta-button" style="background: #0088cc; width: 100%;" onclick="loginWithTelegram()">
<span style="margin-right: 0.5rem;">📱</span> Telegram aracılığıyla giriş yapın </button>
</div>
</div>
<div class="auth-form" id="registerForm">
<h2 class="modal-title">Telegram aracılığıyla kaydolun</h2>
<!-- Registration Form -->
<div class="form-group">
<label for="registerName">İsim:</label>
<input type="text" id="registerName" class="form-control" placeholder="Adınızı girin" required>
<div class="error-message" id="registerNameError"></div>
</div>
<div class="form-group">
<label for="registerEmail">E-posta:</label>
<input type="email" id="registerEmail" class="form-control" placeholder="E-postanızı girin" required>
<div class="error-message" id="registerEmailError"></div>
</div>
<button class="cta-button" style="background: #0088cc; width: 100%; padding: 1rem; font-size: 1.1rem;" onclick="startTelegramRegistration()">
<span style="margin-right: 0.5rem;">🚀</span> Telegram'da kayda devam edin </button>
<div class="how-it-works">
<h4 class="how-it-works-title">Nasıl çalışır:</h4>
<ol class="how-it-works-list">
<li>Yukarıya adınızı ve e-posta adresinizi girin</li>
<li>Telegram'ı açmak için düğmeye tıklayın</li>
<li>Botta kaydı tamamlayın (telefon numarası gereklidir)</li>
<li>Oturum açma kimlik bilgilerini e-posta yoluyla alın</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Telegram Code Input Modal -->
<div class="modal" id="telegramCodeModal">
<div class="modal-content">
<span class="close-btn" onclick="closeModal('telegramCodeModal')">×</span>
<div class="centered-content">
<div class="success-icon">🔐</div>
<h2 class="modal-title">Doğrulama kodu</h2>
<p class="modal-text">Kod Telegram'a gönderildi. Aşağıya girin:</p>
<div class="form-group">
<input type="text" id="telegramLoginCode" class="form-control verify-code-input"
placeholder="0000000" maxlength="7" style="font-size: 1.5rem; letter-spacing: 0.5rem;">
<div class="error-message" id="telegramLoginCodeError"></div>
</div>
<button class="cta-button" style="width: 100%; margin-top: 1rem;" onclick="verifyTelegramLoginCode()">
Giriş yapmayı onaylayın </button>
<div class="timer-container" id="loginCodeTimer">
Geçerli kod: <span id="loginTimer">05:00</span>
</div>
</div>
</div>
</div>
<!-- Updated Telegram Verification Modal -->
<div class="modal" id="telegramVerifyModal">
<div class="modal-content">
<span class="close-btn" onclick="closeTelegramVerifyModal()">×</span>
<div class="centered-content">
<div class="success-icon">📱</div>
<h2 class="modal-title">Telegram'da kaydı tamamlayın</h2>
<p class="modal-text" id="telegramModalText">
Telegram yeni sekmede açıldı.<br>
Bot otomatik olarak açılmadıysa aşağıdaki butonu kullanın veya QR kodunu tarayın. </p>
<!-- QR Code Container -->
<div id="qrCodeContainer" style="margin: 1.5rem 0; text-align: center;">
<div id="qrcode" style="display: inline-block;"></div>
<p style="font-size: 0.9rem; color: var(--gray); margin-top: 0.5rem;">
Botu açmak için QR kodunu tarayın </p>
</div>
<!-- Timer and Status -->
<div id="telegramTimer" class="timer-container">
Onay bekleniyor... <span id="timer">05:00</span>
</div>
<!-- Action Buttons -->
<div style="display: flex; gap: 1rem; margin-top: 1.5rem; flex-wrap: wrap; justify-content: center;">
<button class="cta-button" style="background: #0088cc;" onclick="openTelegramBot()" id="openTelegramBtn">
📱 Telegram'ı tekrar açın </button>
<button class="cta-button secondary" onclick="refreshTelegramQR()" id="refreshQRBtn">
🔄 QR kodunu yenile </button>
</div>
<!-- Status Info -->
<div class="info-box" style="margin-top: 1.5rem;">
<p style="margin: 0; font-size: 0.9rem;">
<strong>Nasıl çalışır:</strong><br>
1. Telegram'ı Aç'a tıklayın veya QR kodunu tarayın<br>
2. Botta BAŞLAT'a tıklayın ve telefon numaranızı paylaşın<br>
3. Onay durumu otomatik olarak güncellenecektir </p>
</div>
</div>
</div>
</div>
<!-- Email Verification Modal -->
<div class="modal" id="emailVerifyModal">
<div class="modal-content">
<span class="close-btn" onclick="closeEmailVerifyModal()">×</span>
<div class="centered-content">
<div class="success-icon">📧</div>
<h2 class="modal-title">E-posta Doğrulaması</h2>
<p class="modal-text">Adresinize bir doğrulama e-postası gönderdik</p>
<!-- Email Verification Input -->
<div class="form-group">
<label for="emailVerifyToken">Doğrulama kodu:</label>
<input type="text" id="emailVerifyToken" class="form-control" placeholder="E-postadaki kodu girin" style="text-align: center; font-size: 1.1rem;">
<div class="error-message" id="emailVerifyTokenError"></div>
</div>
<button class="cta-button" style="width: 100%; margin-bottom: 1rem;" onclick="verifyEmailToken()">
E-postayı Doğrula </button>
<button id="resendEmailBtn" class="cta-button secondary" style="width: 100%;" onclick="resendEmailVerification()" disabled>
Kodu yeniden gönder (<span id="resendTimer">300</span>)
</button>
<!-- Auto-check status -->
<div id="emailCheckStatus" style="margin-top: 1rem; display: none;">
<p style="color: var(--gray); font-size: 0.9rem;">
🔍 Doğrulama durumu kontrol ediliyor... </p>
</div>
</div>
</div>
</div>
<!-- Image reusable Modal -->
<div class="modal" id="imgModal">
<div class="modal-content">
<span class="close-btn">×</span>
<img id="modalImg" src="" style="max-width:90%; max-height:90%; margin-top:40px; border-radius:8px;">
</div>
</div>
<!--Loading overlay -->
<div class="loading-overlay" id="loadingOverlay">
<div class="loading-spinner"></div>
</div>
<div class="toast" id="toast"></div>
<script>
// Get language from URL path like /en/about or /ru/products
function getLangFromUrl() {
const path = window.location.pathname;
const match = path.match(/^\/([a-z]{2})(\/|$)/i);
return match ? match[1] : 'en'; // default to 'en' if no language code found
}
// Store in global variable
window.currentLang = getLangFromUrl();
// Show loading overlay
function showLoading() {
document.getElementById('loadingOverlay').classList.add('active');
}
// Hide loading overlay
function hideLoading() {
document.getElementById('loadingOverlay').classList.remove('active');
}
// Show toast notification
function showToast(message, type = 'info') {
const toast = document.getElementById('toast');
toast.textContent = message;
toast.className = 'toast ' + type;
toast.classList.add('show');
setTimeout(() => {
toast.classList.remove('show');
}, 3000);
}
// Check user login status on page load
document.addEventListener('DOMContentLoaded', function() {
checkUserLoginStatus();
});
// Function to check if user is logged in
function checkUserLoginStatus() {
const userInfoElement = document.getElementById('userInfo');
const guestButtonsElement = document.getElementById('guestButtons');
const userNameElement = document.getElementById('userName');
// Show loading state or keep defaults while checking
if (guestButtonsElement) {
guestButtonsElement.style.display = 'flex';
}
if (userInfoElement) {
userInfoElement.style.display = 'none';
}
const data = {
type: 'check_user_logined'
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
if (response.user_logined === 1) {
// User is logged in
if (userInfoElement) {
userInfoElement.style.display = 'block';
}
if (guestButtonsElement) {
guestButtonsElement.style.display = 'none';
}
if (userNameElement) {
// Use logined_user_name if available, otherwise show default
userNameElement.textContent = response.logined_user_name || 'Profil';
}
// Optionally store minimal info in localStorage for quick access
// but don't rely on it for auth state
if (response.logined_user_id) {
localStorage.setItem('user_id', response.logined_user_id);
}
if (response.logined_user_name) {
localStorage.setItem('user_name', response.logined_user_name);
}
} else {
// User is not logged in
if (userInfoElement) {
userInfoElement.style.display = 'none';
}
if (guestButtonsElement) {
guestButtonsElement.style.display = 'flex';
}
// Clear any previously stored user data
localStorage.removeItem('user_id');
localStorage.removeItem('user_name');
localStorage.removeItem('user_info');
}
} else {
console.error('Giriş durumu kontrol edilirken hata oluştu:', response.error);
// On error, default to guest view
if (userInfoElement) {
userInfoElement.style.display = 'none';
}
if (guestButtonsElement) {
guestButtonsElement.style.display = 'flex';
}
}
}, false); // Don't show loading overlay for this quick check
}
// Logout function
function logout() {
// Send logout request to server
const data = {
type: 'logout'
};
sendRequest('/ajax/', data, function(response) {
// Clear all user data from localStorage regardless of response
localStorage.removeItem('user_info');
localStorage.removeItem('user_id');
localStorage.removeItem('user_name');
localStorage.removeItem('current_user_token');
// Update UI
checkUserLoginStatus();
// Redirect to main page
window.location.href = '/';
});
}
</script>
<script>
// Mobile menu toggle - Combined approach
document.getElementById('hamburger').addEventListener('click', function() {
const mobileMenu = document.getElementById('mobileMenu');
mobileMenu.classList.toggle('active');
});
// Close mobile menu when clicking on links or buttons
document.querySelectorAll('.nav-links a, .auth-buttons button').forEach(element => {
element.addEventListener('click', function() {
document.getElementById('mobileMenu').classList.remove('active');
});
});
// Close mobile menu when clicking outside
document.addEventListener('click', function(event) {
const mobileMenu = document.getElementById('mobileMenu');
const hamburger = document.getElementById('hamburger');
const navContainer = document.querySelector('.nav-container');
if (!navContainer.contains(event.target) && mobileMenu.classList.contains('active')) {
mobileMenu.classList.remove('active');
}
});
// Simple animation on scroll
document.addEventListener('DOMContentLoaded', function() {
const cards = document.querySelectorAll('.card, .domain-header, .chart-container, .lemma-card');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, {
threshold: 0.0001, // Optional: keep small percentage
rootMargin: '350px 0px 350px 0px' // Trigger 100px before element enters
});
cards.forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(20px)';
card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
observer.observe(card);
});
});
// Toggle links visibility
function toggleLinks(className, btn, max_count = 5) {
const list = document.getElementById(className);
const items = list.querySelectorAll('li');
const hiddenItems = list.querySelectorAll('li.hidden');
if (hiddenItems.length > 0) {
// Show all
list.querySelectorAll('li.hidden').forEach(el => el.classList.remove('hidden'));
btn.textContent = 'Saklamak';
} else {
// Hide all beyond the first 5
items.forEach((el, index) => {
if (index >= max_count) el.classList.add('hidden');
});
btn.textContent = 'Daha fazlasını göster';
}
}
// Toggle raw data visibility
function toggleRawData(elementId, btn) {
const element = document.getElementById(elementId);
if (element.style.maxHeight === '200px') {
element.style.maxHeight = 'none';
btn.textContent = 'Tüm verileri gizle';
} else {
element.style.maxHeight = '200px';
btn.textContent = 'Tüm verileri göster';
}
}
</script>
<script>
// Payment Modal
// Global variable to store payment config
let paymentConfig = {
allowCustomAmount: false,
minAmount: 1,
maxAmount: 1000
};
// Payment options functionality
document.addEventListener('DOMContentLoaded', function() {
// Replace the entire payment options event listener with this:
document.addEventListener('change', function(e) {
if (e.target && e.target.name === 'paymentOption') {
// Update selected state for regular options
document.querySelectorAll('.payment-option').forEach(opt => {
opt.classList.remove('selected');
});
// Handle custom price radio separately
if (e.target.id === 'customPriceRadio') {
// For custom price, we don't have a .payment-option wrapper
// Just update the custom price toggle UI
document.querySelectorAll('.payment-option').forEach(opt => {
opt.classList.remove('selected');
});
// You might want to add visual feedback for custom price selection
const customPriceToggle = document.getElementById('customPriceToggle');
if (customPriceToggle) {
customPriceToggle.style.backgroundColor = 'rgba(67, 97, 238, 0.1)';
customPriceToggle.style.borderLeft = '3px solid var(--primary)';
customPriceToggle.style.padding = '0.5rem';
customPriceToggle.style.borderRadius = 'var(--border-radius)';
}
} else {
// For regular options, highlight the .payment-option container
const paymentOption = e.target.closest('.payment-option');
if (paymentOption) {
paymentOption.classList.add('selected');
// Reset custom price toggle styling if it was highlighted
const customPriceToggle = document.getElementById('customPriceToggle');
if (customPriceToggle) {
customPriceToggle.style.backgroundColor = '';
customPriceToggle.style.borderLeft = '';
customPriceToggle.style.padding = '';
}
}
}
// Update price (this should work for all options)
updatePaymentPrice(e.target.value);
}
});
});
// Update the updatePaymentPrice function to handle custom price:
function updatePaymentPrice(price) {
const modalPrice = document.getElementById('modalPrice');
const payButton = document.getElementById('payButton');
const customPriceRadio = document.getElementById('customPriceRadio');
// Uncheck custom price radio if regular option is selected
if (customPriceRadio && customPriceRadio.checked === false) {
document.getElementById('manualPriceGroup').style.display = 'none';
// Reset custom price toggle styling
const customPriceToggle = document.getElementById('customPriceToggle');
if (customPriceToggle) {
customPriceToggle.style.backgroundColor = '';
customPriceToggle.style.borderLeft = '';
customPriceToggle.style.padding = '';
}
}
modalPrice.textContent = 'Fiyat: $' + parseFloat(price).toFixed(2);
payButton.textContent = 'Ödemek $' + parseFloat(price).toFixed(2);
payButton.disabled = false;
payButton.style.opacity = '1';
}
// Generate payment options based on config
function generatePaymentOptions(optionsData, paymentType = 'balance', paymentItemId = '', config = {}) {
const paymentOptionsContainer = document.getElementById('paymentOptions');
const paymentTypeInput = document.getElementById('paymentType');
const paymentItemIdInput = document.getElementById('paymentItemId');
const customPriceToggle = document.getElementById('customPriceToggle');
const manualPriceGroup = document.getElementById('manualPriceGroup');
// Set hidden fields
paymentTypeInput.value = paymentType;
paymentItemIdInput.value = paymentItemId;
// Store config globally
paymentConfig = {
allowCustomAmount: config.allowCustomAmount || false,
minAmount: config.minAmount || 1,
maxAmount: config.maxAmount || 1000
};
// Clear container
paymentOptionsContainer.innerHTML = '';
// Generate regular options
if (optionsData && optionsData.length > 0) {
optionsData.forEach((option, index) => {
const optionElement = document.createElement('div');
optionElement.className = 'payment-option';
optionElement.innerHTML = `
<input type="radio"
id="option${index}"
name="paymentOption"
value="${option.price}"
data-label="${option.label}"
${option.default ? 'checked' : ''}
onchange="updatePaymentPrice('${option.price}')">
<label for="option${index}">${option.label} - $${option.price}</label>
`;
paymentOptionsContainer.appendChild(optionElement);
});
paymentOptionsContainer.style.display = 'block';
} else {
paymentOptionsContainer.style.display = 'none';
}
// Show/hide custom amount option based on config
if (paymentConfig.allowCustomAmount) {
customPriceToggle.style.display = 'block';
// Update manual price input constraints
document.getElementById('manualPrice').min = paymentConfig.minAmount;
document.getElementById('manualPrice').max = paymentConfig.maxAmount;
document.getElementById('manualPrice').placeholder =
'İtibaren $${paymentConfig.minAmount} ile $${paymentConfig.maxAmount}';
} else {
customPriceToggle.style.display = 'none';
manualPriceGroup.style.display = 'none';
}
// Select first option by default if none is marked as default
if (optionsData && optionsData.length > 0) {
const defaultOption = paymentOptionsContainer.querySelector('input[type="radio"][checked]') ||
paymentOptionsContainer.querySelector('input[type="radio"]');
if (defaultOption) {
defaultOption.checked = true;
defaultOption.closest('.payment-option').classList.add('selected');
updatePaymentPrice(defaultOption.value);
}
} else if (paymentConfig.allowCustomAmount) {
// If no options but custom amount is allowed, show custom by default
document.getElementById('customPriceRadio').checked = true;
toggleCustomPriceSelection(true);
}
}
// Also update the toggleCustomPriceSelection function:
function toggleCustomPriceSelection(isSelected) {
const manualPriceGroup = document.getElementById('manualPriceGroup');
const paymentOptions = document.getElementById('paymentOptions');
const customPriceRadio = document.getElementById('customPriceRadio');
if (isSelected) {
manualPriceGroup.style.display = 'block';
// Deselect all regular options
document.querySelectorAll('input[name="paymentOption"]').forEach(radio => {
if (radio.id !== 'customPriceRadio') {
radio.checked = false;
const paymentOption = radio.closest('.payment-option');
if (paymentOption) {
paymentOption.classList.remove('selected');
}
}
});
// Visual feedback for custom price selection
const customPriceToggle = document.getElementById('customPriceToggle');
if (customPriceToggle) {
customPriceToggle.style.backgroundColor = 'rgba(67, 97, 238, 0.1)';
customPriceToggle.style.borderLeft = '3px solid var(--primary)';
customPriceToggle.style.padding = '0.5rem';
customPriceToggle.style.borderRadius = 'var(--border-radius)';
customPriceToggle.style.transition = 'var(--transition)';
}
// Focus on manual price input
setTimeout(() => {
const manualInput = document.getElementById('manualPrice');
manualInput.focus();
// Update price if there's already a value
if (manualInput.value) {
updateManualPrice(manualInput.value);
} else {
// Set default to min amount
updateManualPrice(paymentConfig.minAmount);
manualInput.value = paymentConfig.minAmount;
}
}, 100);
} else {
manualPriceGroup.style.display = 'none';
// Reset custom price toggle styling
const customPriceToggle = document.getElementById('customPriceToggle');
if (customPriceToggle) {
customPriceToggle.style.backgroundColor = '';
customPriceToggle.style.borderLeft = '';
customPriceToggle.style.padding = '';
}
}
}
// Update price from manual input in real-time
function updateManualPrice(price) {
if (!price || price < paymentConfig.minAmount || price > paymentConfig.maxAmount) {
const modalPrice = document.getElementById('modalPrice');
const payButton = document.getElementById('payButton');
if (price && (price < paymentConfig.minAmount || price > paymentConfig.maxAmount)) {
modalPrice.textContent = 'Fiyat: itibaren $${paymentConfig.minAmount} ile $${paymentConfig.maxAmount}';
payButton.textContent = 'Geçersiz tutar';
payButton.disabled = true;
payButton.style.opacity = '0.6';
} else {
modalPrice.textContent = 'Fiyat: $0.00';
payButton.textContent = 'Ödemek $0.00';
payButton.disabled = true;
payButton.style.opacity = '0.6';
}
return;
}
const modalPrice = document.getElementById('modalPrice');
const payButton = document.getElementById('payButton');
modalPrice.textContent = 'Fiyat: $' + parseFloat(price).toFixed(2);
payButton.textContent = 'Ödemek $' + parseFloat(price).toFixed(2);
payButton.disabled = false;
payButton.style.opacity = '1';
}
const paymentModal = document.getElementById('paymentModal');
const paymentCloseBtn = paymentModal.querySelector('.close-btn');
// Elements inside modal
const modalTitle = document.getElementById('modalTitle');
const modalText = document.getElementById('modalText');
const modalPrice = document.getElementById('modalPrice');
const payButton = document.getElementById('payButton');
const paymentForm = document.getElementById('paymentForm');
const paymentSuccess = document.getElementById('paymentSuccess');
// Updated modal opening handler
document.querySelectorAll('[data-modal="paymentModal"]').forEach(trigger => {
trigger.addEventListener('click', function(e) {
e.preventDefault();
// Get data attributes
const title = this.getAttribute('data-title');
const text = this.getAttribute('data-text');
const price = this.getAttribute('data-price');
const paymentType = this.getAttribute('data-payment-type') || 'balance';
const paymentItemId = this.getAttribute('data-payment-item-id') || '';
// Get payment config from data attributes
const allowCustomAmount = this.getAttribute('data-allow-custom') === 'true';
const minAmount = parseFloat(this.getAttribute('data-min-amount')) || 1;
const maxAmount = parseFloat(this.getAttribute('data-max-amount')) || 1000;
// Get payment options from data attribute
const optionsData = this.getAttribute('data-options');
let paymentOptions = [];
if (optionsData) {
try {
paymentOptions = JSON.parse(optionsData);
} catch (e) {
console.error('Ödeme seçenekleri ayrıştırılırken hata oluştu:', e);
}
}
// Fill modal content
document.getElementById('modalTitle').textContent = title;
document.getElementById('modalText').textContent = text;
// Generate payment options with config
const config = {
allowCustomAmount: allowCustomAmount,
minAmount: minAmount,
maxAmount: maxAmount
};
generatePaymentOptions(paymentOptions, paymentType, paymentItemId, config);
// If no options and custom amount not allowed, use default price
if (paymentOptions.length === 0 && !allowCustomAmount) {
updatePaymentPrice(price);
}
// Reset form
resetForm('paymentModal');
document.getElementById('paymentForm').style.display = 'block';
document.getElementById('paymentSuccess').style.display = 'none';
// Show modal
document.getElementById('paymentModal').style.display = 'flex';
});
});
// Helper function to reset form
function resetPaymentForm() {
document.getElementById('modalName').value = '';
document.getElementById('modalEmail').value = '';
document.getElementById('manualPrice').value = '';
if (document.getElementById('customPriceRadio')) {
document.getElementById('customPriceRadio').checked = false;
}
clearErrors(['nameError', 'emailError', 'manualPriceError']);
}
// Close payment modal
paymentCloseBtn.addEventListener('click', function() {
paymentModal.style.display = 'none';
});
// Close on outside click
window.addEventListener('click', function(e) {
if (e.target === paymentModal) {
paymentModal.style.display = 'none';
}
});
// Fill tooltip with alt text automatically
document.querySelectorAll('.popup-trigger').forEach(trigger => {
const altText = trigger.getAttribute('alt');
const popupText = trigger.querySelector('.popup-text');
if (popupText && altText) {
popupText.textContent = altText;
}
});
</script>
<script>
// Fill tooltip with alt text automatically
document.querySelectorAll('.popup-trigger').forEach(trigger => {
const altText = trigger.getAttribute('alt');
const popupText = trigger.querySelector('.popup-text');
if (popupText && altText) {
popupText.textContent = altText;
}
});
// Auth Modal
const authModal = document.getElementById('authModal');
const authCloseBtn = authModal.querySelector('.close-btn');
const loginBtn = document.getElementById('loginBtn');
const registerBtn = document.getElementById('registerBtn');
const authTabs = document.querySelectorAll('.auth-tab');
const authForms = document.querySelectorAll('.auth-form');
// Open auth modal
loginBtn.addEventListener('click', function() {
authModal.style.display = 'flex';
switchAuthTab('login');
resetForm('authModal');
});
registerBtn.addEventListener('click', function() {
authModal.style.display = 'flex';
switchAuthTab('register');
resetForm('authModal');
});
// Close auth modal
authCloseBtn.addEventListener('click', function() {
authModal.style.display = 'none';
});
// Close on outside click
window.addEventListener('click', function(e) {
if (e.target === authModal) {
authModal.style.display = 'none';
}
});
// Switch auth tabs
function switchAuthTab(tabName) {
authTabs.forEach(tab => {
if (tab.getAttribute('data-tab') === tabName) {
tab.classList.add('active');
} else {
tab.classList.remove('active');
}
});
authForms.forEach(form => {
if (form.id === tabName + 'Form') {
form.classList.add('active');
} else {
form.classList.remove('active');
}
});
}
// Add click events to auth tabs
authTabs.forEach(tab => {
tab.addEventListener('click', function() {
const tabName = this.getAttribute('data-tab');
switchAuthTab(tabName);
resetForm('authModal');
});
});
// Reset form and errors
function resetForm(modalType) {
if (modalType === 'paymentModal') {
document.getElementById('modalName').value = '';
document.getElementById('modalEmail').value = '';
clearErrors(['nameError', 'emailError']);
} else if (modalType === 'authModal') {
document.getElementById('loginEmail').value = '';
document.getElementById('loginPassword').value = '';
document.getElementById('registerName').value = '';
document.getElementById('registerEmail').value = '';
if(document.getElementById('registerPassword'))document.getElementById('registerPassword').value = '';
if(document.getElementById('registerConfirmPassword'))document.getElementById('registerConfirmPassword').value = '';
clearErrors(['loginEmailError', 'loginPasswordError', 'registerNameError', 'registerEmailError', 'registerPasswordError', 'registerConfirmPasswordError']);
}
}
// Clear error messages
function clearErrors(errorIds) {
errorIds.forEach(id => {
const errorElement = document.getElementById(id);
if (errorElement) {
errorElement.textContent = '';
errorElement.classList.remove('show');
const inputElement = document.getElementById(id.replace('Error', ''));
if (inputElement) {
inputElement.classList.remove('error');
}
}
});
}
// Show error message
function showError(fieldId, message) {
const errorElement = document.getElementById(fieldId + 'Error');
const inputElement = document.getElementById(fieldId);
if (errorElement) {
errorElement.textContent = message;
errorElement.classList.add('show');
}
if (inputElement) {
inputElement.classList.add('error');
}
}
// Enhanced close modal function for general use
function closeModal(modalId) {
// Clear timers based on which modal is being closed
switch(modalId) {
case 'telegramVerifyModal':
clearTelegramTimers();
break;
case 'emailVerifyModal':
clearEmailTimers();
break;
case 'authModal':
// Clear any potential timers in auth modal
break;
}
document.getElementById(modalId).style.display = 'none';
}
// Enhanced processPayment function
function processPayment(event) {
if (event) event.preventDefault();
const name = document.getElementById('modalName').value;
const email = document.getElementById('modalEmail').value;
const paymentType = document.getElementById('paymentType').value;
const paymentItemId = document.getElementById('paymentItemId').value;
// Get price - check if using custom amount or selected option
let price;
let optionLabel = '';
const customPriceRadio = document.getElementById('customPriceRadio');
if (customPriceRadio && customPriceRadio.checked) {
// Custom amount
price = document.getElementById('manualPrice').value;
optionLabel = 'custom_amount';
// Validate custom amount
if (!price || price < paymentConfig.minAmount || price > paymentConfig.maxAmount) {
showError('manualPrice', 'Tutar arasında olmalıdır $${paymentConfig.minAmount} Ve $${paymentConfig.maxAmount}');
return false;
}
} else {
// Regular option
const selectedOption = document.querySelector('input[name="paymentOption"]:checked');
if (selectedOption) {
price = selectedOption.value;
optionLabel = selectedOption.getAttribute('data-label') || 'selected_option';
} else {
// Fallback to default price
price = document.getElementById('modalPrice').textContent.match(/\d+\.\d+/)?.[0] || '0';
optionLabel = 'default';
}
}
const service = document.getElementById('modalTitle').textContent;
// Clear previous errors
clearErrors(['nameError', 'emailError', 'manualPriceError']);
// Validate form
let hasErrors = false;
if (!name) {
showError('modalName', 'Lütfen adınızı girin');
hasErrors = true;
}
if (!email) {
showError('modalEmail', 'Lütfen e-posta adresinizi girin');
hasErrors = true;
} else if (!/\S+@\S+\.\S+/.test(email)) {
showError('modalEmail', 'Geçerli bir e');
hasErrors = true;
}
if (hasErrors) return false;
// Prepare data for API request
const data = {
type: 'payment',
name: name,
email: email,
price: parseFloat(price).toFixed(2),
service: service,
payment_type: paymentType,
payment_item_id: paymentItemId,
option: optionLabel,
is_custom_amount: (customPriceRadio && customPriceRadio.checked) ? 1 : 0
};
// Send request to API
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
if (response.redirect_url) {
handlePaymentRedirect(response.redirect_url, response.redirect_type);
} else {
// Show success message
document.getElementById('paymentForm').style.display = 'none';
document.getElementById('paymentSuccess').style.display = 'block';
}
} else {
// Show error message
alert('Hata: ' + response.error);
}
});
return false;
}
// Handle payment redirect
function handlePaymentRedirect(redirectUrl, redirectType) {
switch (redirectType) {
case 'new_window':
window.open(redirectUrl, '_blank');
closeModal('paymentModal');
break;
case 'iframe':
document.getElementById('redirectIframe').src = redirectUrl;
closeModal('paymentModal');
document.getElementById('redirectModal').style.display = 'flex';
break;
case 'default':
default:
window.location.href = redirectUrl;
break;
}
}
// Process login
function processLogin() {
const email = document.getElementById('loginEmail').value;
const password = document.getElementById('loginPassword').value;
// Clear previous errors
clearErrors(['loginEmail', 'loginPassword']);
// Validate form
let hasErrors = false;
if (!email) {
showError('loginEmail', 'Lütfen e-postanızı girin');
hasErrors = true;
} else if (!/\S+@\S+\.\S+/.test(email)) {
showError('loginEmail', 'Lütfen geçerli bir e-posta girin');
hasErrors = true;
}
if (!password) {
showError('loginPassword', 'Lütfen şifrenizi girin');
hasErrors = true;
}
if (hasErrors) return;
// Prepare data for API request
const data = {
type: 'login',
email: email,
password: password
};
// Send request to API
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Close modal and redirect or show success
closeModal('authModal');
alert('Giriş başarılı!');
// Redirect to profile
window.location.href = '/' + window.currentLang + '/profile/';
} else {
// Show error message
alert('Hata: ' + response.error);
}
});
}
// Process registration
function processRegistration() {
const name = document.getElementById('registerName').value;
const email = document.getElementById('registerEmail').value;
const password = document.getElementById('registerPassword').value;
const confirmPassword = document.getElementById('registerConfirmPassword').value;
// Clear previous errors
clearErrors(['registerName', 'registerEmail', 'registerPassword', 'registerConfirmPassword']);
// Validate form
let hasErrors = false;
if (!name) {
showError('registerName', 'Lütfen adınızı girin');
hasErrors = true;
}
if (!email) {
showError('registerEmail', 'Lütfen e-postanızı girin');
hasErrors = true;
} else if (!/\S+@\S+\.\S+/.test(email)) {
showError('registerEmail', 'Lütfen geçerli bir e-posta girin');
hasErrors = true;
}
if (!password) {
showError('registerPassword', 'Lütfen bir şifre oluşturun');
hasErrors = true;
} else if (password.length < 6) {
showError('registerPassword', 'Şifre en az 6 karakter olmalıdır');
hasErrors = true;
}
if (!confirmPassword) {
showError('registerConfirmPassword', 'Lütfen şifrenizi onaylayın');
hasErrors = true;
} else if (password !== confirmPassword) {
showError('registerConfirmPassword', 'Şifreler eşleşmiyor');
hasErrors = true;
}
if (hasErrors) return;
// Prepare data for API request
const data = {
type: 'registration',
name: name,
email: email,
password: password
};
// Send request to API
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Close modal and redirect or show success
closeModal('authModal');
alert('Kayıt başarılı!');
// Here you would typically redirect or update UI
} else {
// Show error message
alert('Hata: ' + response.error);
}
});
}
// Send AJAX request
function sendRequest(url, data, callback,need_loading_overlay=true) {
// Show loading overlay when request starts
if(need_loading_overlay)showLoading();
//console.log("XMLHttpRequest started");
const xhr = new XMLHttpRequest();
xhr.open('POST', url, true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
//console.log("XMLHttpRequest onready fired, readyState:", xhr.readyState);
if (xhr.readyState === 4) {
// Hide loading overlay when request completes
if(need_loading_overlay)hideLoading();
//console.log("Request complete, status:", xhr.status);
//console.log("responseText:", xhr.responseText);
if (xhr.status === 200) {
let is_good = true;
let response; // Declare response variable outside try block
try {
response = JSON.parse(xhr.responseText);
} catch (e) {
is_good=false;
console.error("JSON parse error:", e);
callback({status: 'error', error: 'Sunucudan geçersiz yanıt'});
}
if(is_good)
callback(response);
} else {
callback({status: 'error', error: 'Sunucu hatası: ' + xhr.status});
}
}
};
xhr.send(JSON.stringify(data));
}
// Close redirect modal
document.getElementById('redirectModal').querySelector('.close-btn').addEventListener('click', function() {
document.getElementById('redirectModal').style.display = 'none';
});
// Mock chart data (in a real implementation, you would use Google Charts)
function initCharts() {
// This is a placeholder for actual chart implementation
//console.log('Charts would be initialized here with Google Charts API');
}
// Image modal functionality
document.addEventListener('DOMContentLoaded', function() {
// Image modal
const imgModal = document.getElementById('imgModal');
const modalImg = document.getElementById('modalImg');
const imgCloseBtn = imgModal.querySelector('.close-btn');
// Open image modal
document.querySelectorAll('[data-modal="imgModal"]').forEach(img => {
img.addEventListener('click', function() {
modalImg.src = this.src;
imgModal.style.display = 'flex';
});
});
// Close image modal
imgCloseBtn.addEventListener('click', function() {
imgModal.style.display = 'none';
});
// Close on outside click
window.addEventListener('click', function(e) {
if (e.target === imgModal) {
imgModal.style.display = 'none';
}
});
});
</script>
<script>
//console.log("herei");
// Analysis functionality
document.addEventListener('DOMContentLoaded', function() {
//console.log("DOMContentLoaded");
const analyzeBtn = document.getElementById('analyzeNowBtn');
const analysisStatus = document.getElementById('analysisStatus');
if (analyzeBtn) {
analyzeBtn.addEventListener('click', function() {
//console.log("click");
// Show captcha modal
showCaptchaModal();
});
}
});
function showCaptchaModal() {
//console.log("showCaptchaModal");
// Create modal for captcha
const modal = document.createElement('div');
modal.className = 'modal';
modal.id = 'captchaModal';
modal.style.display = 'flex';
modal.innerHTML = `
<div class="modal-content">
<span class="close-btn" onclick="closeCaptchaModal()">×</span>
<h2 class="modal-title">Robot olmadığınızı doğrulayın</h2>
<p class="modal-text">Resimdeki metni girin:</p>
<div class="captcha-container">
<img src="/captcha.php?t=` + new Date().getTime() + `" alt="CAPTCHA" class="captcha-image" id="captchaImage">
<button type="button" class="refresh-captcha" onclick="refreshCaptcha()">Kodu yenile</button>
<input type="text" class="captcha-input" id="captchaInput" placeholder="Kodu girin" maxlength="6">
</div>
<button class="cta-button" onclick="submitAnalysis()" style="margin-top: 1rem;">Analiz için gönder</button>
</div>
`;
document.body.appendChild(modal);
}
function closeCaptchaModal() {
const modal = document.getElementById('captchaModal');
if (modal) {
modal.remove();
}
}
function refreshCaptcha() {
const captchaImage = document.getElementById('captchaImage');
if (captchaImage) {
// Add timestamp to prevent caching
captchaImage.src = '/captcha.php?t=' + new Date().getTime();
}
}
function submitAnalysis() {
const captchaInput = document.getElementById('captchaInput');
const captchaCode = captchaInput ? captchaInput.value.trim() : '';
const analysisStatus = document.getElementById('analysisStatus');
if (!captchaCode) {
alert('Lütfen resimdeki kodu giriniz');
return;
}
// Show loading state
analysisStatus.textContent = 'İstek gönderiliyor...';
analysisStatus.className = 'analysis-status';
analysisStatus.style.display = 'block';
// Prepare data for API request
type = "none";
if(document.getElementById('domain_name')){
type = "domain_analysis";
sendData = document.getElementById('domain_name').value;
}
if(document.getElementById('phrase')){
type = "phrase_analysis";
sendData = document.getElementById('phrase').value;
}
if(type=="none"){
// Show error message
closeCaptchaModal();
analysisStatus.textContent = 'Hata: tip yok';
analysisStatus.className = 'analysis-status error';
analysisStatus.style.display = 'block';
return false;
}
const data = {
type: type,
data: sendData,
captcha_code: captchaCode
};
// Send request to API
sendRequest('/ajax/', data, function(response) {
// Close captcha modal
closeCaptchaModal();
if (response.status === 'ok') {
// Show success message
analysisStatus.textContent = 'İsteğiniz gönderildi, lütfen alan adı doğrulamasını bekleyin';
analysisStatus.className = 'analysis-status success';
} else {
// Show error message
analysisStatus.textContent = 'Hata: ' + response.error;
analysisStatus.className = 'analysis-status error';
// Refresh captcha on error
if (response.refresh_captcha) {
setTimeout(refreshCaptcha, 500);
}
}
analysisStatus.style.display = 'block';
// Clear captcha input
if (captchaInput) {
captchaInput.value = '';
}
});
}
</script>
<script>
// Full screenshot functionality
function openFullScreenshot(src) {
const modal = document.getElementById('fullScreenshotModal');
const img = document.getElementById('fullScreenshotImg');
img.src = src;
modal.style.display = 'flex';
// Prevent body scroll when modal is open
document.body.style.overflow = 'hidden';
}
function closeFullScreenshot() {
const modal = document.getElementById('fullScreenshotModal');
modal.style.display = 'none';
// Restore body scroll
document.body.style.overflow = 'auto';
}
function downloadScreenshot() {
const img = document.getElementById('fullScreenshotImg');
const link = document.createElement('a');
link.download = `screenshot-${document.getElementById('domain_name').value}-${new Date().getTime()}.jpg`;
link.href = img.src;
link.click();
}
// Close modal on outside click
document.addEventListener('click', function(e) {
const modal = document.getElementById('fullScreenshotModal');
if (e.target === modal) {
closeFullScreenshot();
}
});
// Close modal on Escape key
document.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
closeFullScreenshot();
}
});
</script>
<script>
// Global variables to track intervals
let telegramStatusInterval = null;
let telegramTimerInterval = null;
let resendTimerInterval = null;
let emailCheckInterval = null;
// Global variable to store QR code instance
let qrcodeInstance = null;
function startTelegramRegistration(name=false,email=false) {
if(!name)name = document.getElementById('registerName').value.trim();
if(!email)email = document.getElementById('registerEmail').value.trim();
// Clear previous errors
clearErrors(['registerName', 'registerEmail']);
// Validate form
let hasErrors = false;
if (!name) {
showError('registerName', 'Lütfen adınızı girin');
hasErrors = true;
}
if (!email) {
showError('registerEmail', 'Lütfen e-postanızı girin');
hasErrors = true;
} else if (!/\S+@\S+\.\S+/.test(email)) {
showError('registerEmail', 'Geçerli bir e');
hasErrors = true;
}
if (hasErrors) return;
// Prepare data for API request
const data = {
type: 'telegram_registration_start',
name: name,
email: email
};
//console.log("telegram_registration_start request");
// Send request to API
sendRequest('/ajax/', data, function(response) {
//console.log("telegram_registration_start callback");
if (response.status === 'ok') {
// Store user token
localStorage.setItem('current_user_token', response.user_token);
// Immediately open Telegram bot in new tab
if (response.deep_link) {
window.open(response.deep_link, '_blank');
}
// Show Telegram verification modal with deep link and QR code
showTelegramVerifyModal(response.bot_username, response.telegram_token, response.deep_link,response.telegram_token_expires_remaining);
// Clear form
clearRegistrationForm();
// Close auth modal
closeModal('authModal');
//YM reach goal send
ym(109200701,'reachGoal','registration_start');
} else if (response.status === 'continue_email_verification') {
//!!
// User exists, Telegram verified, but email not verified
localStorage.setItem('current_user_token', response.user_token);
// Auto-resend email and show verification modal
autoResendEmailAndShowModal(response.user_token);
// Clear form
clearRegistrationForm();
// Close auth modal
closeModal('authModal');
} else {
alert('Hata1: ' + response.error);
}
});
}
// Auto-resend email and show verification modal
function autoResendEmailAndShowModal(userToken) {
// First, try to resend the email
const data = {
type: 'resend_email_verification',
user_token: userToken
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Email sent successfully, show verification modal with full timer
//showEmailVerifyModal();
safeShowEmailVerifyModal();
} else {
// Handle resend error - use cooldown_remaining from response
if (response.cooldown_remaining !== undefined) {
// Use the exact remaining seconds from the response
const remainingSeconds = Math.max(1, Math.floor(response.cooldown_remaining));
// Show verification modal with synchronized timer
showEmailVerifyModalWithCooldown(remainingSeconds);
} else {
// Other error - show modal with default timer
//showEmailVerifyModal();
safeShowEmailVerifyModal();
alert('Hata: ' + response.error);
}
}
});
}
// Enhanced resend email verification function
function resendEmailVerification() {
const userToken = localStorage.getItem('current_user_token');
const resendBtn = document.getElementById('resendEmailBtn');
if (!resendBtn) {
alert('Hata: Düğme bulunamadı. Lütfen sayfayı yenileyin.');
return;
}
// Prevent multiple clicks
if (resendBtn.disabled) {
return;
}
// Immediately disable button and show loading state
resendBtn.disabled = true;
resendBtn.style.opacity = '0.7';
resendBtn.innerHTML = 'Gönderiliyor...';
const data = {
type: 'resend_email_verification',
user_token: userToken
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Success - restart timer AND restart email check interval
setupResendButtonForTimer();
startResendTimer(300);
// CRITICAL FIX: Restart the email check interval
restartEmailCheckInterval();
// Update status message
const statusElement = document.getElementById('emailCheckStatus');
if (statusElement) {
statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Yeni kod gönderildi. Doğrulama kontrol ediliyor...</p>';
statusElement.className = 'email-check-status status-checking';
statusElement.style.display = 'block';
}
alert('E-postanıza yeni doğrulama kodu gönderildi');
} else {
// Handle different error cases
if (response.cooldown_remaining !== undefined) {
const remainingSeconds = Math.max(1, Math.floor(response.cooldown_remaining));
setupResendButtonForTimer();
startResendTimer(remainingSeconds);
// CRITICAL FIX: Even on cooldown, restart the email check interval
restartEmailCheckInterval();
const remainingMinutes = Math.ceil(remainingSeconds / 60);
// Update status message
const statusElement = document.getElementById('emailCheckStatus');
if (statusElement) {
statusElement.innerHTML = `<p style="color: #856404;">⏰ Yeni kod yeniden gönderilebilir ${remainingMinutes} dakika. Önceki kod doğrulaması kontrol ediliyor...</p>`;
statusElement.style.display = 'block';
}
alert('Yeni kod yeniden gönderilebilir ' + remainingMinutes + ' dakika.');
} else {
alert('Hata: ' + response.error);
// Re-enable button on other errors
resendBtn.disabled = false;
resendBtn.style.opacity = '1';
resendBtn.innerHTML = 'Kodu yeniden gönder';
}
}
});
}
function restartEmailCheckInterval() {
const userToken = localStorage.getItem('current_user_token');
let attempts = 0;
const maxAttempts = 30;
// Clear existing interval if any
if (emailCheckInterval) {
clearInterval(emailCheckInterval);
emailCheckInterval = null;
}
// Update status to show checking
updateEmailCheckStatus('checking', 'Doğrulama durumu kontrol ediliyor...');
// Start new interval
emailCheckInterval = setInterval(function() {
if (attempts >= maxAttempts) {
if (emailCheckInterval) {
clearInterval(emailCheckInterval);
emailCheckInterval = null;
}
updateEmailCheckStatus('timeout', 'Zaman aşımını kontrol edin. Lütfen sayfayı yenileyin.');
return;
}
checkEmailVerificationStatus(userToken);
attempts++;
}, 10000);
}
// Setup resend button for timer display
function setupResendButtonForTimer() {
const resendBtn = document.getElementById('resendEmailBtn');
if (!resendBtn) return;
resendBtn.disabled = true;
resendBtn.style.opacity = '0.7';
// Ensure timer element exists
let timerElement = document.getElementById('resendTimer');
if (!timerElement) {
timerElement = document.createElement('span');
timerElement.id = 'resendTimer';
resendBtn.appendChild(timerElement);
}
// Set initial timer display
resendBtn.innerHTML = 'Kodu yeniden gönder (<span id="resendTimer">5:00</span>)';
}
function showEmailVerifyModalWithCooldown(remainingSeconds) {
// Clear previous input
const emailVerifyToken = document.getElementById('emailVerifyToken');
if (emailVerifyToken) {
emailVerifyToken.value = '';
}
clearErrors(['emailVerifyToken']);
// Setup button for timer
setupResendButtonForTimer();
// Start timer with remaining time
startResendTimer(remainingSeconds);
// Start email check interval
startEmailCheckInterval();
// Show modal
document.getElementById('emailVerifyModal').style.display = 'flex';
// Show info message
const statusElement = document.getElementById('emailCheckStatus');
if (statusElement) {
const remainingMinutes = Math.ceil(remainingSeconds / 60);
statusElement.innerHTML = `<p style="color: #856404;">⏰ Yeni kod yeniden gönderilebilir ${remainingMinutes} dakika</p>`;
statusElement.className = 'email-check-status status-checking';
statusElement.style.display = 'block';
}
}
// Safe function to show email verification modal
function safeShowEmailVerifyModal() {
// Clear previous input
const emailVerifyToken = document.getElementById('emailVerifyToken');
if (emailVerifyToken) {
emailVerifyToken.value = '';
}
clearErrors(['emailVerifyToken']);
// Setup button for timer
setupResendButtonForTimer();
// Start fresh timer
startResendTimer(300);
// Start email check interval
startEmailCheckInterval();
// Show modal
document.getElementById('emailVerifyModal').style.display = 'flex';
}
// Safe function to clear registration form
function clearRegistrationForm() {
const nameField = document.getElementById('registerName');
const emailField = document.getElementById('registerEmail');
if (nameField) nameField.value = '';
if (emailField) emailField.value = '';
// Only clear password fields if they exist (for traditional registration)
const passwordField = document.getElementById('registerPassword');
const confirmPasswordField = document.getElementById('registerConfirmPassword');
if (passwordField) passwordField.value = '';
if (confirmPasswordField) confirmPasswordField.value = '';
// Clear any status messages
const statusElement = document.getElementById('registrationStatus');
if (statusElement) {
statusElement.innerHTML = '';
statusElement.style.display = 'none';
}
}
// Enhanced showTelegramVerifyModal function
function showTelegramVerifyModal(botUsername, telegramToken, deepLink,telegram_token_expires_remaining) {
// Set Telegram bot deep link
const telegramUrl = deepLink || `https://t.me/${botUsername}?start=${telegramToken}`;
window.telegramBotUrl = telegramUrl;
// Generate QR code
generateQRCode(telegramUrl);
// Update the "Open Telegram" button
const openTelegramBtn = document.getElementById('openTelegramBtn');
if (openTelegramBtn) {
openTelegramBtn.onclick = function() {
window.open(telegramUrl, '_blank');
};
}
// Update modal text
const modalText = document.getElementById('telegramModalText');
if (modalText) {
modalText.innerHTML = `
Telegram yeni sekmede açıldı.<br>
Bot otomatik olarak açılmadıysa aşağıdaki butonu kullanın veya QR kodunu tarayın. `;
}
// Start timer
//console.log("start timer:"+telegram_token_expires_remaining);
startTelegramTimer(telegram_token_expires_remaining);
// Start status checking
startTelegramStatusCheck();
// Show modal
document.getElementById('telegramVerifyModal').style.display = 'flex';
}
// Generate QR code using qrcodejs library
function generateQRCode(url) {
const qrcodeElement = document.getElementById('qrcode');
// Clear previous QR code if exists
if (qrcodeInstance) {
qrcodeInstance.clear();
qrcodeElement.innerHTML = '';
}
try {
// Create new QR code instance
qrcodeInstance = new QRCode(qrcodeElement, {
text: url,
width: 200,
height: 200,
colorDark: "#000000",
colorLight: "#ffffff",
correctLevel: QRCode.CorrectLevel.H
});
//console.log('QR code generated successfully');
} catch (error) {
console.error('QR kodu oluşturma işlemi başarısız oldu:', error);
// Fallback: show message to use the button instead
qrcodeElement.innerHTML = `
<div style="color: var(--warning); font-size: 0.9rem; padding: 1rem;">
<p>QR kodu kullanılamıyor. Telegramı Aç düğmesini kullanın.</p>
</div>
`;
}
}
// Refresh QR code
function refreshTelegramQR() {
if (window.telegramBotUrl) {
const refreshBtn = document.getElementById('refreshQRBtn');
const originalText = refreshBtn.innerHTML;
refreshBtn.innerHTML = '🔄 Yenileniyor...';
refreshBtn.disabled = true;
// Regenerate QR code
generateQRCode(window.telegramBotUrl);
setTimeout(() => {
refreshBtn.innerHTML = originalText;
refreshBtn.disabled = false;
}, 500);
}
}
// Open Telegram bot in new tab
function openTelegramBot() {
if (window.telegramBotUrl) {
window.open(window.telegramBotUrl, '_blank');
}
}
function startTelegramStatusCheck() {
const userToken = localStorage.getItem('current_user_token');
// Clear existing interval if any
if (telegramStatusInterval) {
clearInterval(telegramStatusInterval);
}
// Check status every 5 seconds
telegramStatusInterval = setInterval(function() {
checkTelegramVerificationStatus(userToken);
}, 5000);
}
// Update the checkTelegramVerificationStatus to clear timers on success
function checkTelegramVerificationStatus(userToken) {
const data = {
type: 'check_telegram_verification',
user_token: userToken
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
if (response.telegram_verified) {
// Telegram verified successfully
clearTelegramTimers();
// Show success message
const timerContainer = document.getElementById('telegramTimer');
timerContainer.innerHTML = '✅ Telegram başarıyla doğrulandı!';
timerContainer.className = 'timer-container';
timerContainer.style.background = '#d4edda';
timerContainer.style.color = '#155724';
//YM reach goal send
ym(109200701,'reachGoal','registration_tg_success');
// Auto-proceed to email verification after 2 seconds
setTimeout(function() {
closeTelegramVerifyModal();
safeShowEmailVerifyModal();
}, 2000);
}
}
},false);
}
// Enhanced timer functions that store interval IDs
function startTelegramTimer(duration) {
let timerContainer = document.getElementById('telegramTimer');
let timerElement = document.getElementById('timer');
// Check if timer was expired and reset if needed
if (timerContainer && timerContainer.classList.contains('timer-expired')) {
//console.log('Timer has expired - resetting UI');
timerContainer.classList.remove('timer-expired');
timerContainer.innerHTML = 'Onay bekleniyor... <span id="timer">05:00</span>';
// Update timerElement reference after resetting HTML
timerElement = document.getElementById('timer');
}
let timer = duration;
// Clear existing timer if any
if (telegramTimerInterval) {
clearInterval(telegramTimerInterval);
}
telegramTimerInterval = setInterval(function() {
const minutes = parseInt(timer / 60, 10);
const seconds = parseInt(timer % 60, 10);
if (timerElement) {
timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
}
if (--timer < 0) {
clearTelegramTimers();
if (timerElement) {
timerElement.textContent = "00:00";
}
if (timerContainer) {
timerContainer.classList.add('timer-expired');
timerContainer.innerHTML = 'Süre doldu. Lütfen baştan başlayın.';
}
// Auto-close after 3 seconds
setTimeout(function() {
closeTelegramVerifyModal();
}, 3000);
}
}, 1000);
}
// Enhanced close function to clean up QR code
function closeTelegramVerifyModal() {
// Clear QR code instance
if (qrcodeInstance) {
qrcodeInstance.clear();
qrcodeInstance = null;
}
// Clear container
const qrcodeElement = document.getElementById('qrcode');
if (qrcodeElement) {
qrcodeElement.innerHTML = '';
}
// Clear timers
clearTelegramTimers();
// Hide modal
document.getElementById('telegramVerifyModal').style.display = 'none';
}
// Verify Telegram code
function verifyTelegramCode() {
const code = document.getElementById('telegramVerifyCode').value.trim();
const userToken = localStorage.getItem('current_user_token');
// Clear previous errors
clearErrors(['telegramVerifyCode']);
if (!code) {
showError('telegramVerifyCode', 'Lütfen doğrulama kodunu girin');
return;
}
if (code.length !== 7) {
showError('telegramVerifyCode', 'Kod 7 rakamdan oluşmalıdır');
return;
}
// Prepare data for API request
const data = {
type: 'verify_telegram_code',
user_token: userToken,
verify_code: code
};
// Send request to API
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Stop timer
clearInterval(telegramTimer);
// Close Telegram modal
closeTelegramVerifyModal();
// Show email verification modal
//showEmailVerifyModal();
safeShowEmailVerifyModal();
} else {
showError('telegramVerifyCode', response.error);
}
});
}
// Update the modal opening calls
function showEmailVerifyModal() {
safeShowEmailVerifyModal();
}
// Enhanced start resend timer function
function startResendTimer(duration) {
let timer = duration;
// Clear existing timer if any
if (resendTimerInterval) {
clearInterval(resendTimerInterval);
}
// Update timer display immediately
updateResendTimerDisplay(timer);
resendTimerInterval = setInterval(function() {
timer--;
updateResendTimerDisplay(timer);
if (timer <= 0) {
if (resendTimerInterval) {
clearInterval(resendTimerInterval);
resendTimerInterval = null;
}
enableResendButton();
}
}, 1000);
}
// Safe function to update timer display
function updateResendTimerDisplay(timer) {
const timerElement = document.getElementById('resendTimer');
const resendBtn = document.getElementById('resendEmailBtn');
if (!timerElement || !resendBtn) {
console.warn('Güncelleme sırasında zamanlayıcı öğeleri bulunamadı');
return;
}
const minutes = Math.floor(timer / 60);
const seconds = timer % 60;
const timeString = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
timerElement.textContent = timeString;
// Update button text while preserving the timer element
resendBtn.innerHTML = 'Kodu yeniden gönder (<span id="resendTimer">' + timeString + '</span>)';
}
// Helper function to update timer display
function updateTimerDisplay(timerElement, timer) {
if (!timerElement) return;
const minutes = Math.floor(timer / 60);
const seconds = timer % 60;
timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
}
// Enable resend button when timer expires
function enableResendButton() {
const resendBtn = document.getElementById('resendEmailBtn');
if (!resendBtn) {
console.error('Yeniden gönder düğmesi bulunamadı');
return;
}
resendBtn.disabled = false;
resendBtn.style.opacity = '1';
// Set final state without timer
resendBtn.innerHTML = 'Kodu yeniden gönder';
// Re-create the timer element for future use
const timerSpan = document.createElement('span');
timerSpan.id = 'resendTimer';
timerSpan.style.display = 'none'; // Hide when not active
resendBtn.appendChild(timerSpan);
}
// Enhanced email check interval
function startEmailCheckInterval() {
restartEmailCheckInterval(); // Just call the new function
}
// Update the checkEmailVerificationStatus to clear interval on success
function checkEmailVerificationStatus(userToken) {
const data = {
type: 'check_email_verification',
user_token: userToken
};
sendRequest('/ajax/', data, function(response) {
const statusElement = document.getElementById('emailCheckStatus');
if (response.status === 'ok') {
if (response.email_verified) {
// Email verified successfully
if (emailCheckInterval) {
clearInterval(emailCheckInterval);
emailCheckInterval = null;
}
if (statusElement) {
statusElement.innerHTML = '<p style="color: #155724;">✅ E-posta başarıyla doğrulandı!</p>';
statusElement.className = 'email-check-status status-success';
}
//YM reach goal send
ym(109200701,'reachGoal','registration_email_success');
// Auto-redirect after 2 seconds
setTimeout(function() {
completeRegistration();
}, 2000);
} else {
if (statusElement) {
statusElement.style.display = 'block';
statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Doğrulama durumu kontrol ediliyor...</p>';
statusElement.className = 'email-check-status status-checking';
}
}
} else {
// Handle error response
if (statusElement) {
statusElement.innerHTML = `<p style="color: #721c24;">❌ Doğrulama kontrolü hatası: ${response.error}</p>`;
statusElement.className = 'email-check-status status-error';
}
}
},false);
}
// Verify email token manually
function verifyEmailToken() {
const token = document.getElementById('emailVerifyToken').value.trim();
const userToken = localStorage.getItem('current_user_token');
// Clear previous errors
clearErrors(['emailVerifyToken']);
if (!token) {
showError('emailVerifyToken', 'Lütfen doğrulama kodunu girin');
return;
}
const data = {
type: 'verify_email_token',
user_token: userToken,
email_token: token
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
completeRegistration();
} else {
showError('emailVerifyToken', response.error);
}
});
}
// Complete registration and login
function completeRegistration() {
const userToken = localStorage.getItem('current_user_token');
const data = {
type: 'complete_registration',
user_token: userToken
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Store user info
localStorage.setItem('user_info', JSON.stringify(response.user));
// Close modal
closeEmailVerifyModal();
//YM send reachGoal
ym(109200701,'reachGoal','registration_complete');
// Redirect to profile
window.location.href = '/' + window.currentLang + '/profile/';
} else {
alert('Hata: ' + response.error);
}
});
}
function closeEmailVerifyModal() {
// Clear all email-related intervals
if (resendTimerInterval) {
clearInterval(resendTimerInterval);
resendTimerInterval = null;
}
if (emailCheckInterval) {
clearInterval(emailCheckInterval);
emailCheckInterval = null;
}
document.getElementById('emailVerifyModal').style.display = 'none';
}
// Add this to check registration status when email is entered
document.getElementById('registerEmail').addEventListener('blur', function() {
const email = this.value.trim();
if(statusElement = document.getElementById('registrationStatus')){
statusElement.innerHTML = '';
}
if (email && /\S+@\S+\.\S+/.test(email)) {
checkRegistrationStatus(email);
}
});
function checkRegistrationStatus(email) {
const data = {
type: 'check_registration_status',
email: email
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
const status = response.registration_status;
let statusElement = document.getElementById('registrationStatus'); // Remove 'const' declaration
if (!statusElement) {
// Create status element if it doesn't exist
statusElement = document.createElement('div'); // Now we're assigning to the existing variable
statusElement.id = 'registrationStatus';
statusElement.style.marginTop = '1rem';
statusElement.style.padding = '0.75rem';
statusElement.style.borderRadius = 'var(--border-radius)';
statusElement.style.fontSize = '0.9rem';
const registerForm = document.getElementById('registerForm');
const submitButton = registerForm.querySelector('button[onclick="startTelegramRegistration()"]');
registerForm.insertBefore(statusElement, submitButton.nextSibling);
}
// Remove the duplicate declaration of statusElement here
// const statusElement = document.getElementById('registrationStatus'); // ← This line is removed
switch(status) {
case 'completed':
statusElement.innerHTML = '✅ Bu e-posta zaten kayıtlı. <a href="#" onclick="switchAuthTab(\'login\')">Giriş yapmak</a>';
statusElement.style.background = '#d4edda';
statusElement.style.color = '#155724';
break;
case 'email_pending':
statusElement.innerHTML = '📧 Kayıt neredeyse tamamlandı! E-posta doğrulaması gerekli.';
statusElement.style.background = '#fff3cd';
statusElement.style.color = '#856404';
break;
case 'telegram_pending':
statusElement.innerHTML = '📱 Telegram\'da kayda devam edin.';
statusElement.style.background = '#cce5ff';
statusElement.style.color = '#004085';
break;
case 'incomplete':
statusElement.innerHTML = '🔄 Kayıt işlemine devam edin.';
statusElement.style.background = '#e2e3e5';
statusElement.style.color = '#383d41';
break;
default:
statusElement.innerHTML = '';
}
}
},false);
}
// Enhanced email check status function
function updateEmailCheckStatus(type, message) {
const statusElement = document.getElementById('emailCheckStatus');
if (!statusElement) return;
statusElement.style.display = 'block';
switch(type) {
case 'checking':
statusElement.innerHTML = '<p style="color: var(--primary);">🔍 Doğrulama durumu kontrol ediliyor...</p>';
statusElement.className = 'email-check-status status-checking';
break;
case 'success':
statusElement.innerHTML = '<p style="color: #155724;">✅ ' + message + '</p>';
statusElement.className = 'email-check-status status-success';
break;
case 'error':
statusElement.innerHTML = '<p style="color: #721c24;">❌ ' + message + '</p>';
statusElement.className = 'email-check-status status-error';
break;
case 'timeout':
statusElement.innerHTML = '<p style="color: #856404;">⏰ ' + message + '</p>';
statusElement.className = 'email-check-status status-error';
break;
}
}
// Helper function to clear all Telegram timers
function clearTelegramTimers() {
if (telegramTimerInterval) {
clearInterval(telegramTimerInterval);
telegramTimerInterval = null;
}
if (telegramStatusInterval) {
clearInterval(telegramStatusInterval);
telegramStatusInterval = null;
}
}
// Helper function to clear all email timers
function clearEmailTimers() {
if (resendTimerInterval) {
clearInterval(resendTimerInterval);
resendTimerInterval = null;
}
if (emailCheckInterval) {
clearInterval(emailCheckInterval);
emailCheckInterval = null;
}
}
</script>
<script>
// Login with Telegram function
function loginWithTelegram() {
const email = document.getElementById('loginEmail').value.trim();
// Clear previous errors
clearErrors(['loginEmail']);
// Validate email
if (!email) {
showError('loginEmail', 'Lütfen e-postanızı girin');
return;
} else if (!/\S+@\S+\.\S+/.test(email)) {
showError('loginEmail', 'Geçerli bir e');
return;
}
// Check if user exists and is verified
checkUserForTelegramLogin(email);
}
// Check if user exists and is verified for Telegram login
function checkUserForTelegramLogin(email) {
const data = {
type: 'check_user_for_telegram_login',
email: email
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
if(response.user_exists && response.telegram_verified && response.email_verified){
// User exists and Telegram verified and email verifed- generate login link
generateTelegramLoginLink(email);
}else if (response.user_exists && response.telegram_verified) {
// User exists and Telegram verified
//alert('Для входа через Telegram необходимо сначала завершить регистрацию подтвердите email');
startTelegramRegistration("noneedname",email);
} else if (response.user_exists && !response.telegram_verified) {
// User exists but Telegram not verified
//alert('Для входа через Telegram необходимо сначала завершить регистрацию в Telegram');
startTelegramRegistration("noneedname",email);
} else {
// User doesn't exist
alert('Bu e-postaya sahip kullanıcı bulunamadı. Lütfen kayıt olun.');
}
} else {
alert('Hata: ' + response.error);
}
});
}
// Generate Telegram login code
function generateTelegramLoginLink(email) {
const data = {
type: 'generate_telegram_login_link',
email: email
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Store user token
localStorage.setItem('current_user_token', response.user_token);
// Show Telegram verification modal for login
showTelegramLoginModal(response.bot_username, response.deep_link, response.telegram_token_expires_remaining);
// Close auth modal
closeModal('authModal');
} else {
alert('Hata: ' + response.error);
}
});
}
// Show Telegram login modal
function showTelegramLoginModal(botUsername, deepLink, expiresRemaining) {
// Set Telegram bot deep link
const telegramUrl = deepLink || `https://t.me/${botUsername}?start=login_${Date.now()}`;
window.telegramBotUrl = telegramUrl;
//open forced
window.open(telegramUrl, '_blank');
// Generate QR code
generateQRCode(telegramUrl);
// Update modal text for login
const modalText = document.getElementById('telegramModalText');
if (modalText) {
modalText.innerHTML = `
Giriş için Telegram açıldı.<br>
Bot otomatik olarak açılmadıysa aşağıdaki butonu kullanın veya QR kodunu tarayın. `;
}
// Update modal title
const modalTitle = document.querySelector('#telegramVerifyModal .modal-title');
if (modalTitle) {
modalTitle.textContent = 'Telegram aracılığıyla giriş yapın';
}
// Start timer
startTelegramTimer(expiresRemaining || 300);
// Start status checking for login
startTelegramLoginStatusCheck();
// Show modal
document.getElementById('telegramVerifyModal').style.display = 'flex';
}
// Start Telegram login status check
function startTelegramLoginStatusCheck() {
const userToken = localStorage.getItem('current_user_token');
// Clear existing interval if any
if (telegramStatusInterval) {
clearInterval(telegramStatusInterval);
}
// Check status every 5 seconds
telegramStatusInterval = setInterval(function() {
checkTelegramLoginStatus(userToken);
}, 5000);
}
// Check Telegram login status
function checkTelegramLoginStatus(userToken) {
const data = {
type: 'check_telegram_login_status',
user_token: userToken
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
if (response.login_code_sended ) {
// Login code received - show code input modal
clearTelegramTimers();
showTelegramCodeInputModal(response.verify_code);
} else if (response.login_completed) {
// Login completed successfully
clearTelegramTimers();
completeTelegramLogin();
}
}
});
}
// Show Telegram code input modal
function showTelegramCodeInputModal(verifyCode) {
// Close Telegram verify modal
closeTelegramVerifyModal();
// Create or show code input modal
let codeModal = document.getElementById('telegramCodeModal');
// Start code timer
startLoginCodeTimer(300);
// Show modal
codeModal.style.display = 'flex';
}
// Start login code timer
function startLoginCodeTimer(duration) {
let timer = duration;
const timerElement = document.getElementById('loginTimer');
if (!timerElement) return;
// Clear existing timer if any
if (window.loginCodeTimer) {
clearInterval(window.loginCodeTimer);
}
window.loginCodeTimer = setInterval(function() {
const minutes = parseInt(timer / 60, 10);
const seconds = parseInt(timer % 60, 10);
timerElement.textContent = minutes + ":" + (seconds < 10 ? "0" + seconds : seconds);
if (--timer < 0) {
clearInterval(window.loginCodeTimer);
timerElement.textContent = "00:00";
// Show expired message
const timerContainer = document.getElementById('loginCodeTimer');
if (timerContainer) {
timerContainer.classList.add('timer-expired');
timerContainer.innerHTML = 'Kodun süresi doldu. Lütfen baştan başlayın.';
}
}
}, 1000);
}
// Verify Telegram login code
function verifyTelegramLoginCode() {
const userToken = localStorage.getItem('current_user_token');
const codeInput = document.getElementById('telegramLoginCode');
const code = codeInput ? codeInput.value.trim() : '';
// Clear previous errors
clearErrors(['telegramLoginCode']);
if (!code) {
showError('telegramLoginCode', 'Lütfen doğrulama kodunu girin');
return;
}
if (code.length !== 7) {
showError('telegramLoginCode', 'Kod 7 rakamdan oluşmalıdır');
return;
}
const data = {
type: 'verify_telegram_login_code',
user_token: userToken,
verify_code: code
};
sendRequest('/ajax/', data, function(response) {
if (response.status === 'ok') {
// Clear timer
if (window.loginCodeTimer) {
clearInterval(window.loginCodeTimer);
}
localStorage.setItem('user_info', JSON.stringify(response.user));
// Close any open modals
closeModal('telegramCodeModal');
closeModal('telegramVerifyModal');
// Show success message and redirect
alert('Giriş başarılı!');
window.location.href = '/' + window.currentLang + '/profile/';
} else {
showError('telegramLoginCode', response.error);
}
});
}
</script>
<!-- Add this JavaScript before closing body tag -->
<script>
// Animation on scroll
document.addEventListener('DOMContentLoaded', function() {
const fadeElements = document.querySelectorAll('.fade-in');
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, { threshold: 0.1 });
fadeElements.forEach(element => {
observer.observe(element);
});
// Add click handlers for project CTAs
document.querySelectorAll('.project-cta').forEach(button => {
button.addEventListener('click', function() {
const projectTitle = this.closest('.project-card').querySelector('.project-title').textContent;
// alert(`Exploring: ${projectTitle}`);
// In production, this would navigate to the appropriate page
});
});
});
</script>
<script>
// Cookie consent management
(function() {
// Configuration
const COOKIE_CONSENT_KEY = 'serpuls_cookie_consent';
const COOKIE_EXPIRY_DAYS = 365;
// Create cookie consent banner if not already accepted
function initCookieConsent() {
// Check if user has already made a choice
const consent = getCookieConsent();
if (consent !== null) {
// User already made a choice, apply preferences
applyCookiePreferences(consent);
return;
}
// Create banner
createCookieBanner();
}
// Create the cookie banner HTML
function createCookieBanner() {
const banner = document.createElement('div');
banner.id = 'cookie-consent-banner';
banner.style.cssText = `
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: white;
box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
padding: 1.5rem;
z-index: 9999;
border-top: 3px solid var(--primary, #4361ee);
animation: slideUp 0.5s ease;
`;
// Add animation style if not exists
if (!document.getElementById('cookie-animation-style')) {
const style = document.createElement('style');
style.id = 'cookie-animation-style';
style.textContent = `
@keyframes slideUp {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}
`;
document.head.appendChild(style);
}
banner.innerHTML = `
<div style="max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; justify-content: space-between;">
<div style="flex: 2; min-width: 280px;">
<h3 style="margin: 0 0 0.5rem 0; color: var(--dark, #212529); font-size: 1.25rem;">🍪 Çerez Onayı</h3>
<p style="margin: 0; color: var(--gray, #6c757d); line-height: 1.5;">
Tarama deneyiminizi geliştirmek, kişiselleştirilmiş içerik sunmak ve trafiğimizi analiz etmek için çerezleri kullanıyoruz.
Tümünü Kabul Et'e tıklayarak çerez kullanımımızı kabul etmiş olursunuz.
Bizim okuyun <a href="/en/cookie/" style="color: var(--primary, #4361ee); text-decoration: underline;">Çerez Politikası</a>
Ve <a href="/en/privacy/" style="color: var(--primary, #4361ee); text-decoration: underline;">Gizlilik Politikası</a>.
</p>
</div>
<div style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: center;">
<button id="cookie-accept-all" style="padding: 0.75rem 1.5rem; background: linear-gradient(135deg, var(--primary, #4361ee), var(--secondary, #7209b7)); color: white; border: none; border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 6px rgba(67,97,238,0.3);">
Tümünü Kabul Et </button>
<button id="cookie-accept-essential" style="padding: 0.75rem 1.5rem; background: white; color: var(--dark, #212529); border: 1px solid var(--gray, #6c757d); border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer; transition: all 0.3s ease;">
Yalnızca Temel </button>
<button id="cookie-settings" style="padding: 0.75rem 1.5rem; background: transparent; color: var(--primary, #4361ee); border: none; font-weight: 600; cursor: pointer; text-decoration: underline;">
Özelleştirmek </button>
</div>
</div>
`;
document.body.appendChild(banner);
// Add event listeners
document.getElementById('cookie-accept-all').addEventListener('click', function() {
acceptAllCookies();
});
document.getElementById('cookie-accept-essential').addEventListener('click', function() {
acceptEssentialCookies();
});
document.getElementById('cookie-settings').addEventListener('click', function() {
showCookieSettings();
});
}
// Show cookie settings modal
function showCookieSettings() {
// Remove existing modal if any
const existingModal = document.getElementById('cookie-settings-modal');
if (existingModal) existingModal.remove();
const modal = document.createElement('div');
modal.id = 'cookie-settings-modal';
modal.style.cssText = `
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
display: flex;
align-items: center;
justify-content: center;
z-index: 10000;
animation: fadeIn 0.3s ease;
`;
modal.innerHTML = `
<div style="background: white; border-radius: var(--border-radius, 8px); max-width: 500px; width: 90%; max-height: 80vh; overflow-y: auto; box-shadow: 0 10px 25px rgba(0,0,0,0.2);">
<div style="padding: 1.5rem; border-bottom: 1px solid #e9ecef;">
<h3 style="margin: 0; color: var(--dark, #212529);">Çerez Tercihleri</h3>
</div>
<div style="padding: 1.5rem;">
<p style="color: var(--gray, #6c757d); margin-bottom: 1.5rem;">Hangi çerezlere izin vereceğinizi seçin. Bu ayarları istediğiniz zaman değiştirebilirsiniz.</p>
<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
<label style="display: flex; align-items: center; gap: 0.75rem; cursor: not-allowed;">
<input type="checkbox" checked disabled style="width: 18px; height: 18px;">
<div>
<strong style="color: var(--dark, #212529);">Temel Çerezler</strong>
<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Web sitesinin çalışması için gereklidir. Devre dışı bırakılamaz.</p>
</div>
</label>
</div>
<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
<input type="checkbox" id="cookie-pref-analytics" checked style="width: 18px; height: 18px;">
<div>
<strong style="color: var(--dark, #212529);">Analiz Çerezleri</strong>
<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Ziyaretçilerin sitemizle nasıl etkileşim kurduğunu anlamamıza yardımcı olun.</p>
</div>
</label>
</div>
<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
<input type="checkbox" id="cookie-pref-functional" checked style="width: 18px; height: 18px;">
<div>
<strong style="color: var(--dark, #212529);">Fonksiyonel Çerezler</strong>
<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Tercihlerinizi ve ayarlarınızı unutmayın.</p>
</div>
</label>
</div>
<div style="margin-bottom: 1rem; padding: 1rem; background: #f8f9fa; border-radius: var(--border-radius, 8px);">
<label style="display: flex; align-items: center; gap: 0.75rem; cursor: pointer;">
<input type="checkbox" id="cookie-pref-targeting" checked style="width: 18px; height: 18px;">
<div>
<strong style="color: var(--dark, #212529);">Çerezleri Hedefleme</strong>
<p style="margin: 0.25rem 0 0; font-size: 0.9rem; color: var(--gray, #6c757d);">Alakalı içerik ve reklamlar sunmak için kullanılır.</p>
</div>
</label>
</div>
</div>
<div style="padding: 1.5rem; border-top: 1px solid #e9ecef; display: flex; gap: 1rem; justify-content: flex-end;">
<button id="cookie-save-preferences" style="padding: 0.75rem 1.5rem; background: linear-gradient(135deg, var(--primary, #4361ee), var(--secondary, #7209b7)); color: white; border: none; border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer;">
Tercihleri Kaydet </button>
<button id="cookie-close-modal" style="padding: 0.75rem 1.5rem; background: white; color: var(--dark, #212529); border: 1px solid var(--gray, #6c757d); border-radius: var(--border-radius, 8px); font-weight: 600; cursor: pointer;">
İptal etmek </button>
</div>
</div>
`;
document.body.appendChild(modal);
// Close modal handlers
document.getElementById('cookie-close-modal').addEventListener('click', function() {
modal.remove();
});
document.getElementById('cookie-save-preferences').addEventListener('click', function() {
const preferences = {
essential: true, // Always true
analytics: document.getElementById('cookie-pref-analytics').checked,
functional: document.getElementById('cookie-pref-functional').checked,
targeting: document.getElementById('cookie-pref-targeting').checked
};
saveCookiePreferences(preferences);
modal.remove();
removeCookieBanner();
});
// Click outside to close
modal.addEventListener('click', function(e) {
if (e.target === modal) {
modal.remove();
}
});
}
// Accept all cookies
function acceptAllCookies() {
const preferences = {
essential: true,
analytics: true,
functional: true,
targeting: true
};
saveCookiePreferences(preferences);
removeCookieBanner();
}
// Accept only essential cookies
function acceptEssentialCookies() {
const preferences = {
essential: true,
analytics: false,
functional: false,
targeting: false
};
saveCookiePreferences(preferences);
removeCookieBanner();
}
// Save cookie preferences
function saveCookiePreferences(preferences) {
// Save to cookie
const expiryDate = new Date();
expiryDate.setDate(expiryDate.getDate() + COOKIE_EXPIRY_DAYS);
const cookieValue = JSON.stringify(preferences);
document.cookie = `${COOKIE_CONSENT_KEY}=${encodeURIComponent(cookieValue)}; expires=${expiryDate.toUTCString()}; path=/; SameSite=Lax`;
// Apply preferences
applyCookiePreferences(preferences);
// Store in localStorage for quick access
localStorage.setItem(COOKIE_CONSENT_KEY, cookieValue);
// Optional: send event to analytics
if (typeof window.gtag !== 'undefined' && preferences.analytics) {
window.gtag('consent', 'update', {
'analytics_storage': 'granted'
});
}
}
// Get cookie consent from cookie or localStorage
function getCookieConsent() {
// Try to get from cookie first
const match = document.cookie.match(new RegExp('(^| )' + COOKIE_CONSENT_KEY + '=([^;]+)'));
if (match) {
try {
return JSON.parse(decodeURIComponent(match[2]));
} catch (e) {
console.error('Çerez onayı ayrıştırılırken hata oluştu:', e);
}
}
// Try localStorage
const stored = localStorage.getItem(COOKIE_CONSENT_KEY);
if (stored) {
try {
return JSON.parse(stored);
} catch (e) {
console.error('LocalStorage onayı ayrıştırılırken hata oluştu:', e);
}
}
return null;
}
// Apply cookie preferences (enable/disable features)
function applyCookiePreferences(preferences) {
if (!preferences) return;
// Example: Disable analytics if not consented
if (!preferences.analytics) {
// Disable Google Analytics if present
if (typeof window.gtag !== 'undefined') {
window.gtag('consent', 'default', {
'analytics_storage': 'denied'
});
}
// Optionally remove existing analytics cookies
// This is handled by the analytics script itself usually
}
// Disable targeting cookies
if (!preferences.targeting) {
// Disable ad-related tracking
// Remove Facebook pixel, etc.
}
// Store preferences in data attribute for other scripts to check
document.documentElement.setAttribute('data-cookie-consent', JSON.stringify(preferences));
// Dispatch event for other scripts to react
window.dispatchEvent(new CustomEvent('cookieConsentChanged', { detail: preferences }));
}
// Remove cookie banner
function removeCookieBanner() {
const banner = document.getElementById('cookie-consent-banner');
if (banner) {
banner.style.animation = 'slideDown 0.5s ease forwards';
setTimeout(() => {
if (banner.parentNode) banner.remove();
}, 500);
// Add slideDown animation if not exists
if (!document.getElementById('cookie-animation-slidedown')) {
const style = document.createElement('style');
style.id = 'cookie-animation-slidedown';
style.textContent = `
@keyframes slideDown {
from { transform: translateY(0); }
to { transform: translateY(100%); }
}
`;
document.head.appendChild(style);
}
}
}
// Add a floating button to reopen cookie settings (optional)
function addCookieSettingsButton() {
const btn = document.createElement('button');
btn.id = 'cookie-settings-button';
btn.innerHTML = '🍪';
btn.setAttribute('aria-label', 'Çerez Ayarları');
btn.style.cssText = `
position: fixed;
bottom: 20px;
left: 20px;
width: 48px;
height: 48px;
border-radius: 50%;
background: white;
border: 1px solid var(--gray, #6c757d);
box-shadow: var(--box-shadow, 0 4px 6px rgba(0,0,0,0.1));
cursor: pointer;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
z-index: 9998;
transition: var(--transition, all 0.3s ease);
opacity: 0.8;
`;
btn.addEventListener('mouseenter', function() {
this.style.opacity = '1';
this.style.transform = 'scale(1.1)';
});
btn.addEventListener('mouseleave', function() {
this.style.opacity = '0.8';
this.style.transform = 'scale(1)';
});
btn.addEventListener('click', function() {
showCookieSettings();
});
document.body.appendChild(btn);
}
// Initialize on DOM ready
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCookieConsent);
} else {
initCookieConsent();
}
// Optional: Add settings button after consent is given
window.addEventListener('cookieConsentChanged', function() {
// Only show settings button if not already present
if (!document.getElementById('cookie-settings-button')) {
//addCookieSettingsButton();
}
});
// If consent already exists, add settings button
const existingConsent = getCookieConsent();
if (existingConsent && !document.getElementById('cookie-settings-button')) {
document.addEventListener('DOMContentLoaded', function() {
//addCookieSettingsButton();
});
}
})();
</script>
</body>
</html>