كيفية إضافة زر الإشتراك في قناة يوتيوب داخل موقعك أو مدونتك

كيفية إضافة زر الإشتراك في قناة يوتيوب داخل موقعك أو مدونتك

كيفية إضافة زر الإشتراك بقناة يوتيوب في موقعك أو مدونتك - هذا ما ستعلمه في هذا المقال، والذي سأشرح فيه كيفية إضافة صندوق أو زر للإشتراك بقناة اليوتيوب على بلوجر أو ووردبرس أي موقع إلكتروني بكل سهولة لزيادة عدد المشتركين بقنوات اليوتيوب.

يمكنكم الإستفادة من مقالي السابق حول: تخصيص مربع موافقة ملفات تعريف الإرتباط (الكوكيز) في مدونات بلوجر

من خلال الأربع طرق أدناه، يمكنكم من الحصول على مشتركين لقنواتكم على اليوتيوب من خلال مواقعكم أو مدوناتكم على بلوجر أو ووردبرس . اضافة الى ذلك يمكنك مشاهدة مقاطع الفيديو من جلب زوار للمدونة.

يمكنك أيضا الإستفادة من مقالي السابق حول : كيفية إضافة جدول محتويات تلقائي في مواضيع بلوجر.

كما يجب أن تعلم بأنه لن يؤدي إضافة زر الاشتراك في قناة يوتيوب داخل مدونتك في بلوجر إلى زيادة المشتركين في قناتك فقط، بل سيؤدي ذلك إلى زيادة تواجدك الاجتماعي وسيعزز كذلك من موقع مدونتك.

يمكنكم الإستفادة من مقالي السابق حول: كيفية إصلاح مشكلة نموذج الإتصال في مدونات بلوحر

شرح إضافة زر الإشتراك بقناة اليوتيوب في مدونات بلوجر أو موقعك

كما أوضحت سابقا، هنالك عدة طرق سأتحدث عنهما حول كيفية إضافة زر الإشتراك بقناة يوتيوب في مدونات بلوجر أو موقعك أو مدونتك على ووردبرس، وفي هذا المقال سأشرح أربع طرق أو أساليب لإضافة زر الإشتراك في قناة يوتيوب داخل موقعك أو مدونتك، والتي هي:

  1. رابط نصي للإشتراك المباشر بقناة اليوتيوب
  2. زر إشتراك اليوتيوب مباشر
  3. صندوق ثابت للإشتراك في قناة اليوتيوب (مربع جانبي ثابت).
  4. نافذة منبثقة لصندوق الإشتراك في قناة يوتيوب تظهر عند دخول موقعك أو مدونتك.

يمكنكم يمكنك معاينة مظهر الصناديق والإضافات لصندوق الإشتراك بقناة يوتيوب بالأشكال الأربعة المذكورة أعلاه من خلال الضغط على زر المعاينة أدناه:

معاينة صندوق إشتراك يوتيوب

إقرأ أيضا : شرح كيفية تغيير خط قالب مدونة بلوجر لأي خط من خطوط جوجل بكل سهولة.

لذا دعونا نبدأ بشرح كيفية إضافة كل طريقة .. كالآتي

رابط نصي للإشتراك المباشر بقناة اليوتيوب

من خلال الكود التالي ستتمكن من إنشاء وإضافة رابط الإشتراك بقناة يوتيوب على مدونتك والذي من خلال الضغط عليه سيتم الإشتراك بقناة اليوتيوب.

تتيح لك هذه الطريقة يانشاء رابط نصي لإضافة زر اشتراك YouTube داخل مواضيع بلوجر أو ووردبرس بشكل مباشر. يمكنك إنشاء رابط نصي كرابط داخلي في مواضيع مدونتك لتحويل الزوار إلى الإشتراك مباشرة في قناتك. في الواقع، ستمنحك هذه الطريقة حرية أكبر في كسب أكبر عدد من المشتركين لقناتك على اليوتيوب من خلال موقعك أو مدونتك.

<a href="https://www.youtube.com/channel/UCSZPOc_vTpmXvrzstMLsWjg?sub_confirmation=1"> إشترك الآن بقناتنا على YouTube وتابع أفضل الشروحات والدروس أولاً بأول</a>

تنويه: قم بتغيير معرّف قناة اليوتيوب في الكود أعلاه   UCSZPOc_vTpmXvrzstMLsWjg بمعرّف قناتك على اليوتيوب، كما يمكنك تغيير النص بأي نص آخر تريد.

إقرأ أيضا: تركيب إضافة "Prism Syntax Highlighter" الرائعة لكتابة الأكواد في تدوينات بلوجر.

زر إشتراك قناة يوتيوب

من خلال الكود التالي ستتمكن من إنشاء وإضافة زر الإشتراك بقناة يوتيوب على مدونتك والذي من خلال الضغط عليه سيتم الإشتراك بقناة اليوتيوب.

<script src="https://apis.google.com/js/platform.js"></script> <div class="g-ytsubscribe" data-channelid="UCSZPOc_vTpmXvrzstMLsWjg?sub_confirmation=1" data-layout="default" data-count="default"></div>

تنويه: قم بتغيير معرّف قناة اليوتيوب في الكود أعلاه   UCSZPOc_vTpmXvrzstMLsWjg بمعرّف قناتك على اليوتيوب، كما يمكنك تغيير النص بأي نص آخر تريد.

إقرأ أيضا: أفضل ملف robots.txt مخصص لمدونات بلوجر لتسريع الأرشفة على جوجل .

صندوق إشتراك بقناة يوتيوب (مربع جانبي ثابت) لمدونات بلوجر

من خلال الكود التالي ستتمكن من إنشاء وإضافة صندوق الإشتراك بقناة يوتيوب على مدونتك بشكل جميل ومميز كمربع جانبي في السايدبار أو في أي مكان آخر تريده داخل مدونتك والذي من خلال الضغط عليه سيتم الإشتراك بقناة اليوتيوب.

يمكنكم الإستفادة من مقالي السابق حول: علامات العرض في بلوجر (data:view) -Blogger Conditional Tags

يمكنك معاينة مظهر صندوق الإشتراك بقناة يوتيوب (مربع جانبي ثابت) من خلال الضغط هنا.

<style> .ms-youtube{text-align:center} .ms-youtube h2{margin-top:20px;font-size:24px} .ms-youtube p{font-size:14px;text-align:center;margin:20px 0;line-height:25px} .ms-youtube a{display:block;font-weight:700;width:150px;position:relative;margin:10px auto;font-size:17px;text-align:center;background-color:red;border-radius:10px;color:#ffffff;text-decoration:none;padding:10px 0;transition:all 0.3s ease} .ms-youtube a:hover{background-color:#d5d5d5;color:#000} .ms-youtube .ms-icon-svg{display:inline-flex;align-items:center;background:red;color:white;border-radius:50%;padding:30px;text-align:center} .ms-youtube .ms-icon-svg svg{fill:#fff;width:45px;height:45px;vertical-align:middle} </style> <!-- صندوق الاشتراك في قناة اليوتيوب - مدونة فيصل --> <div class="ms-youtube"> <div class="ms-icon-svg"><svg viewbox='0 0 32 32'><g><path d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></path></path></g></svg></div> <h2> مدونة فيصل</h2> <p> اشترك الان لمتابعة كل ماهو جديد وحصري على قناتنا في اليوتيوب </p> <a href="https://youtube.com/channel/UCSZPOc_vTpmXvrzstMLsWjg?sub_confirmation=1">إشتراك</a> </div>

تنويه: قم بتغيير معرّف قناة اليوتيوب في الكود أعلاه   UCSZPOc_vTpmXvrzstMLsWjg بمعرّف قناتك على اليوتيوب، كما يمكنك تغيير النص بأي نص آخر تريد.

إقرأ أيضا: قالب جت ثيم Jettheme - أفضل وأسرع قالب بلوجر مجاني على الإطلاق

صندوق إشتراك قناة يوتيوب (ناقذة منبثقة) لمدونات بلوجر

من خلال الكود التالي ستتمكن من إنشاء وإضافة صندوق الإشتراك بقناة يوتيوب على مدونتك كنافذة كنبثقة تظهر للزائر عند دخوله موقعك أو مدونتك والذي من خلال الضغط عليه سيتم الإشتراك بقناة اليوتيوب مباشرة.

<!-- صندوق الاشتراك في قناة اليوتيوب - مدونة فيصل --> <style> .fs-youtube{background:#ffffff;z-index:100;width:300px;padding:30px 40px;position:fixed;transform:translate(50%,-50%);right:50%;top:50%;border-radius:8px;text-align:center;box-shadow:0 5px 20px rgb(0 0 0 / 20%)}.fs-youtube h2{margin-top:20px;font-size:24px}.fs-youtube button{display:block;line-height: 1;position:absolute;top:0;left:0;margin:10px 10px auto;background:red;font-size:28px;color:#ffffff;border-radius:100%;width:32px;height:32px;border:none;outline:none;cursor:pointer;transition:all 0.3s ease}.fs-youtube button:hover{background:antiquewhite;color:#6c6c6c}.fs-youtube p{font-size:14px;text-align:center;margin:20px 0;line-height:25px}.fs-youtube a{display:block;font-weight:700;width:150px;position:relative;margin:10px auto;font-size:17px;text-align:center;background-color:red;border-radius:10px;color:#ffffff;text-decoration:none;padding:10px 0;transition:all 0.3s ease}.fs-youtube a:hover{background-color:#d5d5d5;color:#000}.fs-youtube .fs-icon-svg{display:inline-flex;align-items:center;background:red;color:white;border-radius:50%;padding:30px;text-align:center}.fs-youtube .fs-icon-svg svg{fill:#fff;width:45px;height:45px;vertical-align:middle}</style> <!-- صندوق الاشتراك في قناة اليوتيوب - مدونة فيصل --> <div class="fs-youtube"> <div class="fs-icon-svg"><svg viewbox='0 0 32 32'><g><path d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></path></path></g></svg></div> <button id="close">&times;</button> <h2> مدونة فيصل</h2> <p> اشترك الان لتحصل على كل ماهو جديد وحصري على قناتنا في اليوتيوب </p> <a href="https://youtube.com/channel/UCSZPOc_vTpmXvrzstMLsWjg?sub_confirmation=1">إشتراك</a> </div><script type="text/javascript">window.addEventListener("load",function(){setTimeout(function a(b){document.querySelector(".fs-youtube").style.display="block"},1000)});document.querySelector("#close").addEventListener("click",function(){document.querySelector(".fs-youtube").style.display="none"});</script>

تنويه: قم بتغيير معرّف قناة اليوتيوب في الكود أعلاه   UCSZPOc_vTpmXvrzstMLsWjg بمعرّف قناتك على اليوتيوب، كما يمكنك تغيير النص بأي نص آخر تريد.

إقرأ أيضا: أفضل موقع لزيادة عدد المتابعين والتفاعلات على يوتيوب وتويتر و إنستغرام.

الخلاصة

كان هذا مقال اليوم والذي شرحت فيه كيفية إضافة زر الإشتراك في قناة يوتيوب داخل موقعك أو مدونتك في بلوجر بعدة أشكال وأساليب.

في الختام، لاتنسى الإشتراك في قناتي على اليوتيوب، ومشاركة المقال لتعم الفائدة الآخرين.


إذا واجهتك أي مشاكل أو صعوبات أو أخطآء خلال تطبيق هذا الشرح، لاتتردد بالاستفسار وطرح مشكلتك في التعليقات أسفل هذه الصفحة، وسأحرص على مساعدتك والرد عليك في أسرع وقت إن شاء الله.

تعليقات



    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -