چرا چند زبانه کازینو
بازیکنان سپرده و محل شرط که در آن آنها را درک رابط کاربری, دیدن قیمت در ارز خود و احساس ارتباط محلی (ورزش, تعطیلات, روش پرداخت, متون قانونی). چندزبانگی صحیح باعث افزایش registratsii → depozit CR، کاهش اصطکاک CCG/جعبه و بهبود احتباس می شود.
اصطلاحات عمومی
i18n (بین المللی) - آماده سازی محصول برای محلی سازی: کلید, متغیرهایی, تاریخ قالب بندی/اعداد/ارز, پشتیبانی از RTL و چسبیده.
L10n (محلی سازی) - ترجمه های واقعی و سازگاری محلی: متون، تصاویر، تبلیغی، بلوک های قانونی، RG (بازی مسئول).
محلی - زبان + منطقه (به عنوان مثال 'pt-BR'، 'fr-CA')، بر فرمت ها، پول، آگهی های قانونی و محتوا تاثیر می گذارد.
معماری i18n: چگونه از ابتدا دراز بکشیم
1. کلید به جای رشته های «سخت».
نام های کلیدی در معنی ("صندوقدار. سپرده گذاری عنوان ") به جای در سراسر صفحه نمایش.
خطوط - در فایل ها/جداول ترجمه، نه در کد.
2. فرمت پیام ICU.
کثرت, جنسیت, موارد, ارز/تاریخ/قالب درصد:
{تعداد، جمع، یک {# شرط} چند {# شرط} بسیاری از {# شرط} دیگر {# شرط}}
3. فرمت ها و ارزها
کدهای ISO، محدودیت های محلی، فرمت تاریخ 'yyyy-MM-dd' در پایگاه داده، رندر محلی در جلو.
تبدیل نرخ ارز در سرور، نمایش با توجه به قوانین ارز (شخصیت/فضا/موقعیت).
4. منطقه های زمانی
در پایگاه داده - UTC. در جلو/در حروف - TZ محلی بازیکن (ذخیره شده در مشخصات).
5. RTL/دو طرفه بودن.
پشتیبانی از 'dir =' rtl '' برای 'ar'، 'fa'، 'he' ؛ آیکون آینه, نظم عنصر, سبک آبشار بدون هک.
6. جدایی از حوزه های ترجمه
'هسته' (навигация)، 'صندوقدار'، 'kyc'، 'rg'، 'تبلیغات'، 'بازی ها'، 'ایمیل/فشار'، 'seo'. اجازه می دهد تا شما را به روز رسانی بخشی بدون تاثیر همه چیز.
چه دقیقا در کازینو محلی است
لابی/کاتالوگ بازی ها: نام ها، دسته ها، آگهی ها، برچسب های جستجو، توضیحات.
بازی و ارائه دهندگان: نام/بازی ها، paytable/قوانین، هشدارها. اگر ارائه دهنده زبان مورد نیاز را ارائه ندهد، یک اخطار و هشدار را آماده کنید.
صندوقدار: نام روش (APM محلی), وضعیت, خطاهای PSP, متون حقوقی 3-D امن, روشن/خاموش رمپ رمزنگاری.
KYC/AML/RG: دستورالعمل های سند، متون timeout/limit، خود حذفی، سن و آگهی های مسئول.
صفحات حقوقی: ToS، سیاست حفظ حریم خصوصی، مجوز، ممنوعیت کشور، آگهی های کوکی.
بازاریابی: صفحات فرود، تبلیغی/ماموریت/مسابقات، fluffs، ایمیل، آگهی ها در CDN.
متا SEO:
، '<meta description>'، 'hreflang'، نشانه گذاری میکرو.</p>
<hr>
<p>گردش کار L10n</p>
<p>1. استخراج کلید از مخزن (linter + CI چک برای رشته های «سخت»).</p>
<p>2. CAT سیستم/پلت فرم TS (عبارت/Smartling/Lokalise، و غیره): فرهنگ لغت شرایط، حافظه ترجمه، تصاویر زمینه.</p>
<p>3. نقش ها: مترجم → ویرایشگر → بررسی حقوقی (برای RG/ToS/میز نقدی).</p>
<p>4. QA محلی: رگرسیون UI (تصاویر)، autotests برای plurals و ICU، بررسی طول خطوط/برش.</p>
<p>5. نسخه بندی: 'بسته لنگ' به عنوان مصنوع، سازگاری با قرارداد گذشته ؛ canary rollout درصد در 5-10 مخاطبان محلی.</p>
<p>6. تحویل: CDN آشکار + برچسب پاکسازی (انتشار سریع بدون انتشار باطن).</p>
<hr>
<h2>استراتژی محلی</h2>
<p><b>حداقل مجموعه:</b> EN + بازارهای کلیدی (به عنوان مثال 'es-ES'، 'pt-BR'، 'tr-TR'، 'de-DE'، 'fr-FR'، 'pl-PL'، 'ru-RU'، 'uk-UA'، 'ar-AE'، 'ms-my'، 'th-TH'، 'ja-JP')</p>
<p>گزینه های زبان: 'es-ES' ≠ 'es-MX' (شرایط جعبه دفتر، ورزش، فرمول های قانونی).</p>
<p>نردبان سقوط: 'fr-CA → fr →'. بازیکن همیشه متن معتبر را می بیند.</p>
<p>انتساب جغرافیایی و انتخاب بازیکن: پیشنهاد خودکار محلی توسط IP/مرورگر + سوئیچ صریح در هدر و مشخصات.</p>
<hr>
<h2>انطباق و الزامات قانونی</h2>
<p>آگهی های سن/مسئول مربوط به صلاحیت: جمله بندی، سازمان های تماس، لینک ها.</p>
<p>KYC/AML/KYT: شرایط دقیق، دستورالعمل های روشن (فرمت اسناد، مترجم جایگزین نمی شود!).</p>
<p>شرایط ارتقاء: شرایط قانونی تبلیغی در هر منطقه (نه ترجمه ماشین!).</p>
<p>Geo-fencing متون: در کشورهای ممنوع - اطلاعیه ها/بلوک های مربوطه، و نه 404 به زبان انگلیسی.</p>
<hr>
<h2>قطعات UX که اغلب «شکستن»</h2>
<p>پلورالها و اعداد (زبانهای اسلاوی ۳-۴ شکل دارند).</p>
<p>کلمات طولانی/خط فاصله (آلمانی/فنلاندی) - شبکه انعطاف پذیر, 'خط فاصله: خودکار'.</p>
<p>RTL و آیکون - فلش آینه/شورون، تراز مقدار.</p>
<p>فرمت های پول: فضاها/جداکننده ها، موقعیت شخصیت، گرد کردن، «فضاهای نازک» برای هزاران نفر.</p>
<p>اشتباهات دفتر جعبه - ممنوعیت «سخت» متن انگلیسی از PSP; نگاشت کد → پیامهای محلی</p>
<hr>
<h2>سئو و عملکرد</h2>
<p>ساختار URL: زیر شاخه ها ('/de/'، '/fr/')، نه زیر دامنه (آسان تر برای مدیریت کوکی ها/محلی).</p>
<p>بین محلها به طور متعارف حرف میزد. نقشه سایت محلی</p>
<p>حافظه نهان CDN لابی JSON توسط محلی با «stale-while-revalidate».</p>
<p>تصاویر/آگهی ها - کتیبه های محلی/ارزها ؛ تبدیل فرمت خودکار (WebP/AVIF).</p>
<p>بسته نرم افزاری ترجمه - واردات پویا توسط محلی، همه زبان ها را در یک زمان بکشید.</p>
<hr>
<h2>ارائه دهندگان بازی و محلی سازی</h2>
<p>ماتریس زبان های پشتیبانی شده برای هر ارائه دهنده/بازی ؛ بازگشت به زبان لابی یا «انگلیسی با سلب مسئولیت».</p>
<p>Paytable/راهنما: اگر متن بسته است، یک پوشش جداگانه راهنمای محلی خود را.</p>
<p>رویدادها و خطاهای ارائه دهنده - نرمال سازی و محلی mappa.</p>
<hr>
<h2>تله متری و A/B</h2>
<p>معیارهای محلی: CR «register → KYC → deposit», «deposit → bet», NPS, churn, KYC speed, box office failure.</p>
<p>آزمونهای جمله بندی: متون نقدی/تبلیغاتی محلی اغلب + X٪ را به تبدیل می کنند.</p>
<p>تشخیص ترجمه های «شکسته»: رشد کلیک در «راهنما»، زمان های غیرمعمول طولانی در صندوق نقدی.</p>
<hr>
<h2>ضد الگوهای</h2>
<p>خطوط سخت در کد و مخلوط کردن زبان/منطق.</p>
<p>عدم وجود ICU → «2 شرط «/» 5 شرط »به جای فرم های صحیح.</p>
<p>ترجمه ماشینی متون حقوقی/میز پول نقد/پرداخت.</p>
<p>یک زبان برای همه کشورها (به عنوان مثال، «es-ES» در LATAM) - خطاهای فرهنگی و اصطلاحات.</p>
<p>آگهی های تبلیغاتی جهانی بدون شرایط محلی → ادعای تنظیم کننده/بازیکنان.</p>
<p>No fallback → خطوط خالی/انگلیسی «ماهی» متن.</p>
<p>بسته نرم افزاری از تمام زبان ها در هر صفحه → TTFB اضافه وزن و آهسته.</p>
<hr>
<h2>چک لیست چند زبانه کازینو</h2><p>معماری و داده ها</p>
<ul style="padding-left:0; list-style:none; margin:10px 0 14px;">
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>i18n کلید، فرمت ICU، UTC در پایگاه داده، TZ در جلو/در حروف.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>ارزها/فرمت ها/محدودیت ها از قوانین محلی هستند، نه قوانین «دستی».</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>پشتیبانی RTL، آیکون معکوس، خودکار hyphenation.</li>
</ul>
<h2>محتوا و گردش کار</h2>
<ul style="padding-left:0; list-style:none; margin:10px 0 14px;">
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>پلت فرم CAT، واژه نامه شرایط، دسترسی به تصاویر زمینه.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>نقش ها: perevod → redaktura → بررسی yuridichesky.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>انتشار canary 'lang pack'، تحویل CDN و پاکسازی برچسب.</li>
</ul>
<h2>دامنه ها</h2>
<ul style="padding-left:0; list-style:none; margin:10px 0 14px;">
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>لابی/بازی/دفتر جعبه/KYC/RG/قانونی/بازاریابی/SEO - پوشش داده شده و جدا شده است.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>نقشه برداری خطاهای PSP/ISP به پیام های محلی.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>ماتریس زبان توسط ارائه دهنده بازی (fallback + overlay).</li>
</ul>
<h2>SEO/PERF</h2>
<ul style="padding-left:0; list-style:none; margin:10px 0 14px;">
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>'/locale/' URL، 'hreflang'، نقشه سایت محلی.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>واردات پویا از ترجمه, کش لابی JSON.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>بهینه سازی تصویر/ویدئو CDN برای محلی.</li>
</ul>
<h2>تطابق پذیری</h2>
<ul style="padding-left:0; list-style:none; margin:10px 0 14px;">
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>متون قانونی و RG به صورت محلی بررسی می شوند.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Geo-fencing و متون ممنوعیت/سن.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>کوکی/رضایت در زبان کاربر.</li>
</ul>
<h2>قابل مشاهده بودن</h2>
<ul style="padding-left:0; list-style:none; margin:10px 0 14px;">
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>معیارهای CR/Failure/Latency توسط محلی.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>هشدار به «شکسته» کلید و خطوط خالی.</li>
<li><span style="display:inline-flex; width:18px; height:18px; margin-right:8px; align-items:center; justify-content:center; flex:0 0 18px;;color:#c0cc4c"><svg width="16" height="16" viewBox="0 0 24 24" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor"/><path d="M16.5 9.5l-5.1 5.1L7.5 10.7" fill="none" stroke="#000" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>A/B در جمله بندی انتقادی (میز نقدی/CCM/تبلیغی).</li>
</ul>
<hr>
<p>چند زبانه بودن در iGaming به معنای «ترجمه چند خط» نیست. "این یک رشته سیستم است: معماری i18n، فرمت های ICU، گردش کار ترجمه دقیق، انطباق، تحویل CDN و مشاهده پذیری. با ساخت آن بخشی از پلت فرم، شما تبدیل، افزایش اصطکاک در پرداخت و تصویب الزامات قانونی بدون آتش سوزی «دستی» - در حالی که مقیاس محتوا و بازار قابل پیش بینی و به سرعت.</p></div>
<style>
/* ===== Общая типографика ===== */
.geo-grid,.countries{
font-family: Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;
}
/* =========================================
L1 — ОСНОВНЫЕ РАЗДЕЛЫ (вертикальный список)
========================================= */
.geo-grid{
/* Был grid-карточек — делаем строго вертикальный список */
display: flex;
flex-direction: column;
gap: 0; /* без зазоров — как чистый список */
margin: 0;
padding: 0;
}
/* Перестилизуем .geo-card под «элемент списка» */
.geo-card{
display: block;
text-decoration: none;
color: #eaf0ff;
background: transparent;
border: 0;
border-left: 3px solid transparent; /* тонкий левый акцент по hover */
border-radius: 0;
padding: 12px 10px 12px 14px;
transition: background .12s ease, border-color .12s ease, transform .06s ease;
}
/* Межстрочные разделители */
.geo-card + .geo-card{
border-top: 1px solid rgba(148,163,184,.10);
}
/* Содержимое — компактно в колонку */
.geo-card__body{
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
/* Заголовок раздела — акцент */
.geo-card__title{
margin: 0;
font-weight: 800;
font-size: 17px;
line-height: 1.2;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Короткое описание — в одну строку */
.geo-card__desc{
margin: 0;
font-size: 13px;
line-height: 1.35;
color: #b8c4d9;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* вики-стиль: только одна строка */
overflow: hidden;
}
/* CTA превращаем в маленький чип-ярлык справа налево */
.geo-card__cta{
align-self: flex-start;
margin-top: 2px;
font-size: 12px;
font-weight: 700;
letter-spacing: .2px;
color: #2a1b00;
background: linear-gradient(180deg,#fff27a,#ffe85c 55%,#ffc933);
border: 1px solid #e3b600;
border-radius: 8px;
padding: 4px 8px;
box-shadow: 0 1px 0 rgba(0,0,0,.06) inset;
}
/* Hover — мягкий подсвет и левый акцент */
.geo-card:hover{
background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
border-left-color: #ffe85c;
}
.geo-card:active{ transform: translateY(1px); }
/* =========================================
L2 — СТАТЬИ (вертикальный список «каталог»)
========================================= */
.countries-wrap{
margin-top: 16px;
padding: 8px 10px;
border: 1px solid rgba(148,163,184,.10);
border-radius: 10px;
background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,.008));
}
/* Список одной колонкой, без точек */
.countries{
list-style: none;
margin: 0;
padding: 0;
display: block;
}
/* Элемент списка статьи */
.country-li{ margin: 0; }
/* Сама ссылка — компактная строка с разделителем */
.country-link{
position: relative;
display: grid;
grid-template-columns: 1fr 18px; /* название | стрелка */
align-items: center;
column-gap: 10px;
padding: 9px 2px;
text-decoration: none;
color: #dfe7ff;
transition: background .12s ease, color .12s ease, transform .06s ease;
}
/* Тонкий разделитель между строками */
.country-link + .country-link{
border-top: 1px dashed rgba(148,163,184,.15);
}
/* Название статьи */
.country-name{
font-weight: 600;
letter-spacing: .2px;
color: #eef3ff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
}
/* Стрелка справа */
.country-arrow{
display: flex;
align-items: center;
justify-content: center;
color: rgba(255,255,255,.28);
transition: color .12s ease, transform .12s ease;
}
/* Hover/Focus */
.country-link:hover{
color: #ffffff;
background: rgba(255,255,255,.02);
}
.country-link:hover .country-arrow{
color: #ffe85c;
transform: translateX(2px);
}
.country-link:active{ transform: translateY(1px); }
.country-link:focus-visible{ outline: 2px solid #93c5fd; outline-offset: 2px; }
/* ===== Адаптив ===== */
@media (max-width: 680px){
.geo-card{ padding: 10px 8px 10px 12px; }
.geo-card__title{ font-size: 16px; }
.geo-card__desc{ -webkit-line-clamp: 2; } /* на мобиле можно две строки */
.countries-wrap{ padding: 6px 8px; }
}
</style>
</div>
</div>
</main>
<footer>
<div style="display: flex; justify-content: space-between; align-items:center; padding-top:20px;">
<div style="padding-left:5px;">
<div class="language-selector">
<button class="language-button">
<span style="display: inline-flex; align-items: center;">
<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 10px;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.52 4.392A8.009 8.009 0 0 0 4.061 11h2.997c.227-2.363 1.078-4.627 2.46-6.608Zm4.96 0c1.383 1.981 2.234 4.245 2.461 6.608h2.997a8.009 8.009 0 0 0-5.457-6.608ZM14.93 11c-.269-2.373-1.28-4.642-2.93-6.54C10.35 6.357 9.339 8.626 9.07 11h5.86Zm-5.86 2h5.86c-.269 2.373-1.28 4.642-2.93 6.54-1.65-1.898-2.661-4.167-2.93-6.54Zm-2.011 0H4.062a8.009 8.009 0 0 0 5.457 6.608C8.137 17.627 7.286 15.363 7.06 13Zm7.422 6.608c1.382-1.981 2.233-4.245 2.46-6.608h2.997a8.008 8.008 0 0 1-5.457 6.608ZM2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12Z" fill="#fff"></path>
</svg>
فارسی
</span>
</button>
<div class="language-menu">
<a hreflang="en" href="https://winupgo.com/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">English</a><a hreflang="es" href="https://winupgo.com/es/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Español</a><a hreflang="fr" href="https://winupgo.com/fr/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Français</a><a hreflang="pt" href="https://winupgo.com/pt/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Português</a><a hreflang="ru" href="https://winupgo.com/ru/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Русский</a><a hreflang="zh-Hans" href="https://winupgo.com/cn/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">简体中文</a><a hreflang="zh-Hant" href="https://winupgo.com/tw/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">繁體中文</a><a hreflang="ja" href="https://winupgo.com/jp/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">日本語</a><a hreflang="ko" href="https://winupgo.com/kr/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">한국어</a><a hreflang="hi" href="https://winupgo.com/hi/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">हिन्दी</a><a hreflang="fa" href="https://winupgo.com/fa/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">فارسی</a><a hreflang="ar" href="https://winupgo.com/ar/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">العربية</a><a hreflang="tr" href="https://winupgo.com/tr/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Türkçe</a><a hreflang="uz" href="https://winupgo.com/uz/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Oʻzbekcha</a><a hreflang="kk" href="https://winupgo.com/kz/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">қазақ</a><a hreflang="tk" href="https://winupgo.com/tk/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Türkmençe</a><a hreflang="ky" href="https://winupgo.com/ky/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Кыргызча</a><a hreflang="tg" href="https://winupgo.com/tg/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Тоҷикӣ</a><a hreflang="ka" href="https://winupgo.com/ka/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">ქართული</a><a hreflang="he" href="https://winupgo.com/he/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">עברית</a><a hreflang="az" href="https://winupgo.com/az/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Azərbaycan dili</a><a hreflang="hy" href="https://winupgo.com/hy/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Հայերեն</a><a hreflang="de" href="https://winupgo.com/de/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Deutsch</a><a hreflang="it" href="https://winupgo.com/it/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Italiano</a><a hreflang="pl" href="https://winupgo.com/pl/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Polski</a><a hreflang="ro" href="https://winupgo.com/ro/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Română</a><a hreflang="el" href="https://winupgo.com/el/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Ελληνικά</a><a hreflang="uk" href="https://winupgo.com/ua/wiki/casino-technology/how-multilingualism-is-implemented-on-casino-platforms/">Українська</a>
</div>
</div>
</div>
<div class="copy" style="flex: 1;text-align:right;padding-right:10px;">
© <b>Win<u>Up</u>Go</b> 2024
</div>
<div style="width:70;padding-right:5px;">
<div style="display:flex;gap:10px;justify-content:flex-end;">
<a target="_blank" rel="noopener noreferrer nofollow sponsored" href="https://t.me/winupgo"><img width="30" height="30" alt="WinUpGo Channel" src="https://winupgo.com/images/telegram.svg"></a>
<a href="/fa/feedback-form/"><img width="30" height="30" alt="فرم دریافت بازخورد" src="https://winupgo.com/images/feedback.svg"></a>
</div>
</div>
</div>
</footer>
</div>
<script src="/js/jquery-3.6.0.min.js"></script>
<script>
function MyLoc(url) {
document.location.href = url;
}
document.addEventListener('DOMContentLoaded', () => {
const button = document.querySelector('.language-button');
const menu = document.querySelector('.language-menu');
const languageSelector = document.querySelector('.language-selector');
button.addEventListener('click', (e) => {
e.stopPropagation(); // Предотвращение всплытия события
menu.classList.toggle('show');
});
document.addEventListener('click', (e) => {
// Проверка, был ли клик вне области кнопки и меню
if (!languageSelector.contains(e.target)) {
menu.classList.remove('show');
}
});
});
//alert("Ширина экрана: " + window.innerWidth + " пикселей");
</script>
<script>
$(document).ready(function() {
$('#changpwd').click(function(){
//$('#err').text('');
var hashkey = $('#hashkey').val();
var pass = $('#pass').val();
var pass2 = $('#pass2').val();
if(pass != pass2 || pass == ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">رمز عبور نادرست یا خالی است", 'error');
exit;
}
$.ajax({
url: "/ajax.php", // куда отправляем
type: "post", // метод передачи
dataType: "json", // тип передачи данных
data: { // что отправляем
"action": "changpwd",
"hashkey": hashkey,
"pass": pass
},
// после получения ответа сервера
success: function(data){
//alert('yes');
if(data.result == "success"){
$('#main_fr').html("<div class=\"success\">رمز عبور با موفقیت تغییر یافت! <a href='/private/' class='const_link'>ورود</a></div>");
showNotification("<img src=\"https://winupgo.com/images/msg-success.svg\" width=\"30\" height=\"30\" alt=\"Success\">رمز عبور تغییر یافت", 'success');
window.scrollTo({top: 0, behavior: 'smooth'});
exit;
}else{
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">خطای سیستمی رخ داد، با پشتیبانی تماس بگیرید.", 'error');
exit;
}
}
});
});
$('#respassword').click(function(){
//$('#err').text('');
var email = $('#email').val();
if(email == ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">ایمیل را وارد کنید", 'error');
exit;
}
if(!email.includes('@') || !email.includes('.')){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">فرمت ایمیل نادرست است", 'error');
exit;
}
$.ajax({
url: "/ajax.php", // куда отправляем
type: "post", // метод передачи
dataType: "json", // тип передачи данных
data: { // что отправляем
"action": "respassword",
"email": email
},
// после получения ответа сервера
success: function(data){
//alert('yes');
if(data.result == "success"){
$('#main_fr').html("<div class=\"success\">دستورالعمل بازیابی رمز عبور به ایمیل شما ارسال شد. اگر ایمیل دریافت نکردید، پوشه اسپم را بررسی کنید.</div>");
showNotification("<img src=\"https://winupgo.com/images/msg-success.svg\" width=\"30\" height=\"30\" alt=\"Success\">دستورالعمل ارسال شد", 'success');
//window.scrollTo({top: 0, behavior: 'smooth'});
exit;
}else{
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">خطای سیستمی رخ داد، با پشتیبانی تماس بگیرید.", 'error');
exit;
}
}
});
});
$('#edit').click(function(){
var nickname = $('#nickname').val();
var pass = $('#pass').val();
var pass2 = $('#pass2').val();
if(nickname == ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">نام مستعار را وارد کنید", 'error');
exit;
}
/*if(pass != pass2 || pass == ""){
showNotification('رمز عبور نادرست یا خالی است', 'error');
exit;
}*/
$.ajax({
url: "/ajax.php", // куда отправляем
type: "post", // метод передачи
dataType: "json", // тип передачи данных
data: { // что отправляем
"action": "edit",
"nickname": nickname
},
// после получения ответа сервера
success: function(data){
//alert('yes');
if(data.result == "success"){
showNotification("<img src=\"https://winupgo.com/images/msg-success.svg\" width=\"30\" height=\"30\" alt=\"Success\">پروفایل تغییر یافت", 'success');
//window.scrollTo({top: 0, behavior: 'smooth'});
exit;
}else{
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">نام مستعار قبلاً استفاده شده است", 'error');
exit;
}
}
});
});
$('#log').click(function(){
//$('#err').text('');
//alert('ok');
var email = $('#email').val();
var pass = $('#pass').val();
if(email == ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">ایمیل را وارد کنید", 'error');
exit;
}
if(pass == ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">خطای ورود", 'error');
exit;
}
$.ajax({
url: "/ajax.php", // куда отправляем
type: "post", // метод передачи
dataType: "json", // тип передачи данных
data: { // что отправляем
"action": "login",
"email": email,
"pass": pass
},
// после получения ответа сервера
success: function(data){
if(data.result == "error"){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">خطای ورود", 'error');
exit;
}else{
document.location.href = "/fa/private/"; exit;
}
}
});
});
$('#reg').click(function(){
var email = $('#email').val();
var pass = $('#pass').val();
var pass2 = $('#pass2').val();
if(email == ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">ایمیل را وارد کنید", 'error');
exit;
}
if(!email.includes('@') || !email.includes('.')){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">فرمت ایمیل نادرست است", 'error');
exit;
}
if(pass != pass2 || pass == ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">رمز عبور نادرست یا خالی است", 'error');
exit;
}
$.ajax({
url: "/ajax.php", // куда отправляем
type: "post", // метод передачи
dataType: "json", // тип передачи данных
data: { // что отправляем
"action": "registration",
"email": email,
"pass": pass
},
// после получения ответа сервера
success: function(data){
//alert('yes');
if(data.result == "success"){
$('#main_fr').html("<div class=\"success\">ثبت‌نام با موفقیت انجام شد! ایمیل خود را تأیید کنید، اگر ایمیل دریافت نکردید، پوشه اسپم را بررسی کنید. <a href='/private/' class='const_link'>ورود</a></div>");
showNotification("<img src=\"https://winupgo.com/images/msg-success.svg\" width=\"30\" height=\"30\" alt=\"Success\">ثبت‌نام موفقیت‌آمیز", 'success');
window.scrollTo({top: 0, behavior: 'smooth'});
exit;
}else{
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">کاربر قبلاً ثبت‌نام کرده است", 'error');
exit;
}
}
});
});
$('#sendmessage').click(function(){
var email = $('#email').val();
var message = $('#message').val();
var token = $('#form_token').val();
if(email === ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">ایمیل را وارد کنید", 'error');
return; // <-- было 'exit'
}
if(!email.includes('@') || !email.includes('.')){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">فرمت ایمیل نادرست است", 'error');
return;
}
if(message === ""){
showNotification("<img src=\"https://winupgo.com/images/msg-error.svg\" width=\"30\" height=\"30\" alt=\"Error\">متن درخواست را وارد کنید", 'error');
return;
}
$.ajax({
url: "/ajax.php",
type: "POST",
dataType: "json",
data: { action:'sendmessage', email: email, message: message, form_token: token },
success: function(data){
if(data.status === "success"){
$('#email').val('');
$('#message').val('');
//$('#main_fr').html("<div class=\"success\">از تماس شما متشکریم.</div>");
showNotification("<img src=\"https://winupgo.com/images/msg-success.svg\" width=\"30\" height=\"30\" alt=\"Success\">درخواست ارسال شد", 'success');
//window.scrollTo({top: 0, behavior: 'smooth'});
} else {
// покажем сообщение сервера, если есть
showNotification(data.message || "کارهای فنی در حال انجام است", 'error');
}
},
error: function(){
showNotification("کارهای فنی در حال انجام است", 'error');
}
});
});
});
function Work(){
showNotification("<img src=\"https://winupgo.com/images/msg-warning.svg\" width=\"30\" height=\"30\" alt=\"Warning\">کارهای فنی در حال انجام است", 'warning');
}
</script>
<style>
/* Контейнер чекбокса */
.chk-wrap { margin: 0 0 16px; } /* увеличенный отступ снизу */
.chk {
display:block; /* кликабельна вся строка */
padding:10px 12px; /* комфортная хит-зона */
border-radius:10px;
cursor:pointer;
user-select:none;
transition: background .18s ease, box-shadow .18s ease;
}
.chk:hover { background: rgba(255,255,255,.06); }
.chk:active { background: rgba(255,255,255,.10); }
/* Внутренности */
.chk-inner { display:flex; align-items:center; gap:10px; }
.chk-input { position:absolute; opacity:0; width:1px; height:1px; pointer-events:none; }
.chk-box {
position:relative; width:18px; height:18px;
border:1.6px solid rgba(255,255,255,.85);
border-radius:5px; background:transparent;
transition: border-color .18s ease, background-color .18s ease;
flex:0 0 auto;
}
.chk-box::after {
content:""; position:absolute; left:5px; top:2.5px; width:6px; height:10px;
border-right:2.5px solid transparent; border-bottom:2.5px solid transparent;
transform: rotate(45deg);
transition: border-color .14s ease;
}
/* Checked */
.chk-input:checked + .chk-box { background:#fff; border-color:#fff; }
.chk-input:checked + .chk-box::after { border-right-color:#0b0f1a; border-bottom-color:#0b0f1a; }
/* Фокус с клавиатуры на весь блок */
.chk-input:focus-visible ~ .chk-label,
.chk-input:focus-visible + .chk-box {
box-shadow: 0 0 0 3px rgba(255,255,255,.18);
outline: 2px solid #ffffff; outline-offset: 2px;
}
.chk-label {
color:#eaeff7; font:600 14px/1.2 Segoe UI, system-ui; opacity:.95;
}
</style>
<!-- Разметка -->
<div id="searchModal" class="search-modal">
<div class="search-modal-content">
<span class="search-close-button">×</span>
<span class="h1">جستجو در بازی‌ها</span>
<!-- Поле ввода -->
<div style="margin:8px 0 6px;">
<input type="text" id="searchInput" class="search-input"
placeholder="نام بازی را وارد کنید"
style="width:100%; display:block;">
</div>
<!-- Чекбокс под полем (вся строка кликабельна) -->
<div class="chk-wrap">
<label class="chk" for="onlyDemo">
<span class="chk-inner">
<input type="checkbox" id="onlyDemo" class="chk-input" />
<span class="chk-box" aria-hidden="true"></span>
<span class="chk-label">فقط دمو</span>
</span>
</label>
</div>
<div id="searchResults" class="search-results">
<div style="padding:24px 12px; text-align:center; color:#c7cfe0;
font:600 14px/1.4 Segoe UI,system-ui;">
برای شروع جستجو حداقل ۳ کاراکتر وارد کنید. </div>
</div>
</div>
</div>
<script>
// helpers
function openSearchModal() {
const m = document.getElementById("searchModal");
m.style.display = "flex";
document.getElementById("searchInput").focus();
document.body.style.overflow = 'hidden';
}
function resetSearchForm() {
const input = document.getElementById("searchInput");
const cb = document.getElementById("onlyDemo");
const res = document.getElementById("searchResults");
input.value = "";
cb.checked = false;
res.innerHTML = "";
}
function closeSearchModal() {
document.getElementById("searchModal").style.display = "none";
document.body.style.overflow = '';
resetSearchForm();
}
// Открытие модального окна
document.getElementById("searchButton").onclick = openSearchModal;
// Закрытие модального окна (крестик)
document.querySelector(".search-close-button").onclick = closeSearchModal;
// Закрытие при клике вне модального окна
window.addEventListener("click", function(event) {
const searchModal = document.getElementById("searchModal");
if (event.target === searchModal) closeSearchModal();
});
// Закрытие по ESC
window.addEventListener("keydown", function(e){
if (e.key === "Escape") {
const searchModal = document.getElementById("searchModal");
if (searchModal.style.display === "flex") closeSearchModal();
}
});
// Хелпер: выполнение запроса
function doSearch(query, page) {
const demo = document.getElementById('onlyDemo').checked ? 1 : 0;
const url = "/search.php?lang=/fa"
+ (page ? "&page=" + encodeURIComponent(page) : "")
+ "&query=" + encodeURIComponent(query)
+ "&demo=" + demo;
const xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("searchResults").innerHTML = xhr.responseText;
}
};
xhr.send();
}
// Отправка запроса при вводе текста
document.getElementById("searchInput").addEventListener("input", function() {
const query = this.value.trim();
if (query.length > 2) {
doSearch(query, 1);
} else {
document.getElementById("searchResults").innerHTML = "<div style=\"padding:24px 12px; text-align:center; color:#c7cfe0; font:600 14px/1.4 Segoe UI,system-ui;\">برای شروع جستجو حداقل ۳ کاراکتر وارد کنید.</div>";
}
});
// Триггерить поиск и по клику на чекбокс (если текста уже >=3)
document.getElementById('onlyDemo').addEventListener('change', function() {
const query = document.getElementById('searchInput').value.trim();
if (query.length > 2) doSearch(query, 1);
});
// Пагинация
function paginSearch(page){
const query = document.getElementById("searchInput").value.trim();
doSearch(query, page);
if (window.$) {
$('#searchResults').animate({ scrollTop: 0 }, 500);
} else {
document.getElementById('searchResults').scrollTo({ top: 0, behavior: 'smooth' });
}
}
</script>
<!-- HTML для уведомления -->
<div id="notification" class="notification"></div>
<!-- Скрипт для управления уведомлением -->
<script>
function showNotification(message, type) {
var notification = document.getElementById('notification');
// Сначала показываем уведомление
notification.innerHTML = message;
notification.classList.add(type);
notification.classList.add('show');
// Убираем уведомление через 3 секунды
setTimeout(function() {
// Начинаем скрывать уведомление
notification.classList.remove('show');
// После завершения анимации скрытия удаляем классы и готовим к следующему показу
setTimeout(function() {
notification.classList.remove(type);
notification.innerHTML = '';
}, 300); // длительность анимации скрытия (равна времени transition)
}, 3000); // убрать уведомление через 3 секунды
}
</script>
<script>
(function(){
var _fbIO = null;
function initFloatingBanner(){
if (window.__fbInitOnce) return; // защита от повторной инициализации
window.__fbInitOnce = true;
var topBanner = document.getElementById('top-banner');
var floatingBanner = document.getElementById('floating-banner');
var closeBtn = document.getElementById('close-floating-banner');
var HIDE_KEY = 'floatingBannerHiddenUntil'; // ручное закрытие (кнопка)
var HIDE_DURATION = 300 * 1000; // 300 сек
var HIDE_TMP_KEY = 'floatingBannerHiddenTempUntil'; // закрытие вне/ESC/диммер
var HIDE_TMP_MS = 30 * 1000; // 30 сек
var TRANS_MS = 300; // длительность CSS-перехода
var SHOW_DELAY_MS = 4 * 1000; // задержка показа 4 сек
if (!floatingBanner) return;
// === Диммер страницы ===
var dim = document.getElementById('floating-dim');
if (!dim) {
dim = document.createElement('div');
dim.id = 'floating-dim';
dim.setAttribute('style',
'position:fixed;inset:0;'+
'background:rgba(0,0,0,.45);opacity:0;'+
'pointer-events:none;transition:opacity .15s ease;'+
'z-index:1000;'
);
document.body.appendChild(dim);
}
if (!floatingBanner.style.zIndex) floatingBanner.style.zIndex = '1001';
function showDim(){ dim.style.opacity = '1'; dim.style.pointerEvents = 'auto'; }
function hideDim(){ dim.style.opacity = '0'; dim.style.pointerEvents = 'none'; }
// Клик по диммеру = закрытие на HIDE_TMP_MS
dim.addEventListener('click', function(){
setHideFor(HIDE_TMP_MS);
wantHide();
});
function setHideFor(ms){
// universal setter: скрыть до now+ms
var until = Date.now() + Math.max(0, ms|0);
if (ms >= HIDE_DURATION) {
localStorage.setItem(HIDE_KEY, String(until));
} else {
localStorage.setItem(HIDE_TMP_KEY, String(until));
}
}
function canShowBanner() {
var hiddenUntil = parseInt(localStorage.getItem(HIDE_KEY) || '0', 10);
var hiddenTempUntil = parseInt(localStorage.getItem(HIDE_TMP_KEY) || '0', 10);
var until = Math.max(hiddenUntil, hiddenTempUntil);
return Date.now() > until;
}
function isVisible(){
return floatingBanner.classList.contains('is-visible') &&
getComputedStyle(floatingBanner).display !== 'none' &&
!floatingBanner.hasAttribute('aria-hidden');
}
var busy = false;
var debounceTimer = null;
var showTimer = null;
function clearShowTimer(){
if (showTimer) { clearTimeout(showTimer); showTimer = null; }
}
function setVisible(next) {
if (busy) return;
var current = isVisible();
if (next === current) return;
busy = true;
if (next) {
// SHOW
floatingBanner.style.display = 'block';
floatingBanner.style.pointerEvents = '';
floatingBanner.removeAttribute('aria-hidden');
floatingBanner.removeAttribute('inert');
void floatingBanner.offsetWidth; // форс-рефлоу
floatingBanner.classList.add('is-visible');
showDim();
var onEndShow = function(){
floatingBanner.removeEventListener('transitionend', onEndShow);
busy = false;
};
floatingBanner.addEventListener('transitionend', onEndShow, { once:true });
setTimeout(function(){
floatingBanner.removeEventListener('transitionend', onEndShow);
busy = false;
}, TRANS_MS + 50);
} else {
// HIDE
floatingBanner.classList.remove('is-visible');
floatingBanner.style.pointerEvents = 'none';
floatingBanner.setAttribute('aria-hidden','true');
floatingBanner.setAttribute('inert','');
var onEndHide = function(){
floatingBanner.removeEventListener('transitionend', onEndHide);
floatingBanner.style.display = 'none';
hideDim();
busy = false;
};
floatingBanner.addEventListener('transitionend', onEndHide, { once:true });
setTimeout(function(){
floatingBanner.removeEventListener('transitionend', onEndHide);
floatingBanner.style.display = 'none';
hideDim();
busy = false;
}, TRANS_MS + 80);
}
}
function eligibleNow(){
// можно показывать и верхний баннер вне экрана
if (!canShowBanner()) return false;
if (!topBanner) return true;
var rect = topBanner.getBoundingClientRect();
return rect.bottom <= 0;
}
function wantShow() {
// планируем показ с задержкой
clearTimeout(debounceTimer);
clearShowTimer();
if (!canShowBanner()) return;
showTimer = setTimeout(function(){
showTimer = null;
if (eligibleNow()) setVisible(true);
}, SHOW_DELAY_MS);
}
function wantHide() {
clearTimeout(debounceTimer);
clearShowTimer();
debounceTimer = setTimeout(function(){ setVisible(false); }, 120);
}
// Кнопка закрытия — скрываем на 300 сек
if (closeBtn) {
closeBtn.onclick = function (e) {
e.preventDefault();
e.stopPropagation();
setHideFor(HIDE_DURATION);
wantHide();
};
}
// Закрытие при клике вне баннера и по Esc — на 60 сек
(function initOutsideClose(){
if (window.__fbOutsideCloseInit) return;
window.__fbOutsideCloseInit = true;
function hideTemp(){
setHideFor(HIDE_TMP_MS);
wantHide();
}
function onDocPointer(e){
if (!isVisible()) return;
if (!floatingBanner.contains(e.target)) hideTemp();
}
document.addEventListener('mousedown', onDocPointer, true);
document.addEventListener('touchstart', onDocPointer, {passive:true, capture:true});
document.addEventListener('keydown', function(e){
if (e.key === 'Escape' && isVisible()) hideTemp();
});
})();
// Если нет верхнего баннера — показываем с задержкой, когда можно
if (!topBanner) {
if (canShowBanner()) wantShow();
return;
}
// Обсервер верхнего баннера
if (_fbIO) { try { _fbIO.disconnect(); } catch(e){} _fbIO = null; }
_fbIO = new IntersectionObserver(function (entries) {
var entry = entries[0];
if (entry.isIntersecting) {
// верхний виден -> скрыть и отменить отложенный показ
wantHide();
} else {
// верхний ушёл -> планируем показ с задержкой
if (canShowBanner()) wantShow();
}
}, {
root: null,
rootMargin: '0px 0px -10% 0px',
threshold: 0
});
_fbIO.observe(topBanner);
// Стартовое состояние (учитываем задержку)
(function(){
var rect = topBanner.getBoundingClientRect();
if (rect.bottom <= 0) {
if (canShowBanner()) wantShow();
} else {
setVisible(false);
}
})();
// Ресайз/поворот
window.addEventListener('resize', function(){
clearTimeout(debounceTimer);
debounceTimer = setTimeout(function(){
var rect = topBanner.getBoundingClientRect();
if (rect.bottom <= 0) {
if (canShowBanner()) wantShow();
} else {
wantHide();
}
}, 120);
}, { passive:true });
}
document.addEventListener('DOMContentLoaded', initFloatingBanner);
window.addEventListener('pageshow', initFloatingBanner); // BFCache
})();
</script>
<script>
// Функция для учета кликов
function trackClick(num) {
fetch('/ajax-banner.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
action: 'click',
num: num
})
}).catch(console.error);
}
// Функция для учета показов
function trackView(num) {
fetch('/ajax-banner.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
action: 'show',
num: num
})
}).catch(console.error);
}
// Наблюдатель пересечения для отслеживания показов
document.addEventListener("DOMContentLoaded", () => {
const options = { root: null, rootMargin: "0px", threshold: 0.5 };
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
const num = entry.target.getAttribute("data-num"); // Получаем data-num из элемента <a>
if (num) {
trackView(num);
}
observer.unobserve(entry.target); // Отменяем наблюдение после первого показа
}
});
}, options);
document.querySelectorAll("a[data-num]").forEach(banner => {
// Наблюдатель пересечения для учета показа
observer.observe(banner);
// Событие click для учета клика
banner.addEventListener("click", (event) => {
const num = banner.getAttribute("data-num");
if (num) {
trackClick(num);
}
});
});
});
</script>
<script>
document.querySelectorAll('a, button').forEach(el => {
el.addEventListener('click', () => {
if (typeof gtag === 'function') {
gtag('event', 'click', {
event_category: 'interaction',
event_label: el.dataset.role || el.dataset.href || 'unknown',
value: 1
});
}
});
});
</script>
<script>
window.addEventListener('load', function() {
const body = document.body;
const bg = body.getAttribute('data-bg');
// Загружать фон ТОЛЬКО если экран меньше 1024px
if (window.innerWidth < 1024 && bg) {
body.style.backgroundImage = `url("${bg}")`;
body.style.backgroundRepeat = 'no-repeat';
body.style.backgroundPosition = 'top center';
body.style.backgroundAttachment = 'scroll'; // лучше для мобильных
}
});
</script>
</body>
</html>
کازینو رمزنگاری
دنده تورنت