حل مشكلة عدم ظهور المحتوى في الصفحات بعد اضافته ب GTM

تقييم المشروع

الاحترافية بالتعامل
التواصل والمتابعة
جودة العمل المسلّم
الخبرة بمجال المشروع
التسليم فى الموعد
التعامل معه مرّة أخرى
سامح ش.
  • صاحب المشروع
رائع جدا، تم تعديل الكود في اقل من 5د بسبب وجود خلل بسيط في كود GTM.

وصف المشروع

السلام عليكم

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

الطريقة تعمل دائما مع كافة المواقع، معي الكود واختبرته في كونسول المتصفح وفعلا المحتوى يظهر، ولكن عندما استخدم GTM واضيف الكود، لا يظهر في الصفحة.

أريد حل المشكلة، ومعرفة ما السبب الذي يمنع الصفحة من ترك GTM لكي يعمل؟

ليس معي أكسس مباشر لموقع العميل، ولكن معي أكسس ل GTM، وبالتالي الولوج لموقع العميل مباشرة غير متاح.

المتاح هو التعديل على الكود الذي أضعه في GTM، بحيث يعمل بكفاءة.

معلومات اضافية

- عند وضع الكود في كونسول المتصفح، المحتوى (الأسئلة الشائعة) تعمل بكفاءة وتظهر في الصفحة:

https://i.ibb.co/QQtcm1r/...

- عند وضع الكود في GTM لا يظهر المحتوى (رغم انها نفس الطريقة التي اتبعها في كافة المواقع وتعمل بكفاءة):

https://i.ibb.co/n0r1Vs7/...

https://i.ibb.co/7VhfH6m/...

- بعد اضافة الكود في GTM وعمل رفرش للصفحة، لا يظهر المحتوى، وهذه هي اخطاء كونسول التي تظهر:

https://i.ibb.co/3MSMzQM/...

- الصفحة التي أعمل عليها:

https://www.shub.coffee/c...

- الكود الذي اعمل عليه:

<script>

var element = document.createElement("div");

element.innerHTML = "<h2 style='color: #E21D24; text-align: center;'>أسئلة شائعة</h2><br>" +

"<h3 style='color: #333; text-align: right; font-weight: bold;'>ما هي أحجام الأكواب المتوفرة لديكم؟</h3>" +

"<p style='font-size: 14px; text-align: right;'>لدينا أكواب بأحجام مختلفة تبدأ من 3 أونص وتصل إلى 12 أونص.</p><br>" +

"<h3 style='color: #333; text-align: right; font-weight: bold;'>هل تقدمون أكواب قهوة للإستخدام مرة واحدة أم قابلة لإعادة الاستخدام؟</h3>" +

"<p style='font-size: 14px; text-align: right;'>نقدم مجموعة متنوعة من الأكواب، بما في ذلك أكواب يمكن إعادة استخدامها وأكواب قهوة للاستخدام مرة واحدة.</p><br>" +

"<h3 style='color: #333; text-align: right; font-weight: bold;'>هل تتوفر أكواب قهوة عازلة للحرارة؟</h3>" +

"<p style='font-size: 14px; text-align: right;'>نعم، لدينا أكواب قهوة عازلة للحرارة للحفاظ على درجة حرارة القهوة لفترة أطول.</p><br>" +

"<h3 style='color: #333; text-align: right; font-weight: bold;'>ما هي مواد صنع الأكواب التي تقدمونها؟</h3>" +

"<p style='font-size: 14px; text-align: right;'>نقدم أكواب مصنوعة من السيراميك عالي الجودة والستانلس ستيل المقاوم للصدأ.</p><br>" +

"<h3 style='color: #333; text-align: right; font-weight: bold;'>هل يمكن استخدام أكواب القهوة للمشروبات الباردة أيضًا؟</h3>" +

"<p style='font-size: 14px; text-align: right;'>نعم، يمكن استخدام أكواب القهوة لتقديم المشروبات الباردة أيضًا.</p><br>" +

"<h3 style='color: #333; text-align: right; font-weight: bold;'>هل يمكن استخدام أكواب القهوة في الميكروويف؟</h3>" +

"<p style='font-size: 14px; text-align: right;'>يعتمد ذلك على نوع الكوب، يُفضل التحقق من تعليمات الاستخدام الخاصة بالكوب.</p><br>";

var paginationDiv = document.querySelector("div.fastor_ajax_load_button.animated.fadeIn.finished");

if (paginationDiv) {

paginationDiv.appendChild(element);

}

</script>

العروض المقدمة

السلام عليكم استاذ سامح ، انا اسلام مبرمج fullstack, استطيع تنفيذ المطلوب ان شاءالله وحل المشكله وجعل الاضافه والتعديل سهلا

السلام عليكم، الموضوع راح يكون شوية صعب بدون الاكسس لموقع العميل و لكن راح نحاول ننفذ المطلوب ان شاء الله، راسلني لنناقش التفاصيل

قبولك لهذا العرض يعتبر اتفاقاً بينك وبين المستقل وسيبقى موقع مستقل وسيطاً بينكما حتى تسليم المشروع. لن تتمكن من تغيير العرض أو إلغائه لاحقًا لذلك تأكد من اختيارك للعرض المناسب باتّباع النصائح التالية:

  • راجع صفحة حساب المستقل الذي اخترته واطّلع على أعماله السابقة
  • إن كانت هناك تفاصيل غير مذكورة في المشروع، فتواصل مع المستقل وأخبره بها أولًا
  • بإمكانك أن تتواصل مع المستقل وتسأله عن أية أمور تحتاجها
  • احرص دائمًا على إبقاء التواصل مع المستقل داخل الموقع قدر الإمكان وذلك لضمان حقوقك
  • لا تتردد من التواصل معنا ان احتجت لأي مساعدة، نحن نحب مساعدتك!

المستقل غير متاح لاستلام مشاريع، يمكنك ارسال تنبيه له لقبول العرض وإعادة المحاولة بعد بضعة ساعات، أو اختيار عرضاً من مستقل آخر.