في عالم التدوين وتطوير المواقع، أصبح توفير تجربة متعددة اللغات (Multilingual) في مدونتك على منصة بلوجر ليس مجرد رغبة بل ضرورة لكسب جمهور عالمي ولزيادة الربح من مدونتك. هنا، سنشرح لكم أهمية توفير مدونة متعددة اللغات وكيف يمكنك تحقيق ذلك باستخدام كود JavaScript على بلوجر.
اهمية توفير مدونة بلوجر متعددة اللغات:
- زيادة الربح من الإعلانات: يتيح الوصول إلى جمهور أكبر من خلال صفحات متعددة اللغات زيادة قيمة الإعلانات وبالتالي زيادة الربح.
- اكتساب جمهور دولي: يمكن لمدونتك الوصول إلى جمهور عالمي من خلال تقديم محتوى مترجم ومتعدد اللغات.
- تحسين نتائج محركات البحث: يعزز توفير صفحات متعددة اللغات فهم محركات البحث لمدونتك، مما يسهم في تحسين تصنيفها وظهورها في نتائج البحث.
كيفية تحويل مدونة بلوجر إلى مدونة متعددة اللغات ؟
تُعتبر توفير مونة متعددة اللغات على منصة بلوجر من الأمور الصعبة. ولكن بعد هذا المقال يمكنك انشاء مدونة بلوجر بمواضيع ومقالات متعدد ة اللغات, بفضل كودًا JavaScript و HTML تسطتيع فعل ذالك
خطواط تركيب كود متعدد الغات الى بلوجر
- هذا الكود يقوم بعرض 5 لغات اولهم الانجليزية وهذة اللغة الافتراضية للكود والغة الثانية العربية, الالمانية, الفرانسية, الاسبانية.
- تحديد لغة الافتراضية:قم بتحديد اللغة الافتراضية لمدونتك في الكود، على سبيل المثال: اللغة الإنجليزية var defLang = 'en';.
<div id="content">
<!-- المحتوى الافتراضي باللغة الإنجليزية -->
<div id="Default-content">#Default</div>
<div id="ar-content" style="display:none;">#ar</div>
<div id="de-content" style="display:none;">#de</div>
<div id="fr-content" style="display:none;">#fr</div>
<div id="es-content" style="display:none;">#es</div>
</div>
<script>
var defLang = 'en'; // تحديد قيمة اللغة الافتراضية
document.addEventListener("DOMContentLoaded", function(){var e = window.navigator.languages ? window.navigator.languages[0] : null,n = e = e || window.navigator.language || window.navigator.browserLanguage || window.navigator.userLanguage; - 1 !== n.indexOf("-") ? n = n.split("-")[0] : -1 !== n.indexOf("_") && (n = n.split("_")[0]);var l = window.location.search,t = l.includes("hl=");"" !== l ? !1 == t && defLang !== n && (window.location = l + "&hl=" + n) : defLang !== n && (window.location = "?hl=" + n);var a = new URLSearchParams(window.location.search).get("hl"),s = document.getElementById("Default-content"),y = document.getElementById("ar-content"),o = document.getElementById("de-content"),i = document.getElementById("fr-content"),d = document.getElementById("es-content");"ar" === a ? (s.style.display = "none", o.style.display = "none", i.style.display = "none", d.style.display = "none", y.style.display = "block") : "de" === a ? (s.style.display = "none", y.style.display = "none", i.style.display = "none", d.style.display = "none", o.style.display = "block") : "fr" === a ? (s.style.display = "none", o.style.display = "none", y.style.display = "none", d.style.display = "none", i.style.display = "block") : "es" === a && (s.style.display = "none", o.style.display = "none", i.style.display = "none", y.style.display = "none", d.style.display = "block")
});
</script>
كيفية عمل الاسكريب: يقوم الكود بفحص لغة متصفح المستخدم واضافتها في متغير ?hl= اللغات في نهاية url الصفحة ثم يعرض المحتوى المناسب.
الخلاصة:
باستخدام هذا السكربت، يمكن لمدونتك على بلوجر أن تتكيف بشكل ذكي مع تفضيلات المستخدمين للغاتهم، مما يسهم في تعزيز التفاعل وزيادة الربح من الإعلانات.
