اضافة فيديوهات تيك توك للموقع: قِست كود التضمين الرسمي وهذا ما وجدت (2026)

اضافة فيديوهات تيك توك إلى موقعكم تستغرق نحو عشر دقائق، وهذا الدليل يمشي معكم في كل شاشة منها. وقبل أن تبدأوا هناك حقيقة واحدة تستحق المعرفة: تيك توك (ويكتبها كثيرون في البحث «تيكتوك» بلا مسافة) لا ينشر كود تضمين رسميا لموجز كامل، بل لفيديو واحد فقط. فمعنى «الموجز» هنا إما أن تلصقوا ذلك الكود مرة لكل مقطع، وإما أن تزامنوا الفيديوهات داخل أداة عرض واحدة. ابنوا نسختكم من الخطوات التالية، وإن أردتم الدليل الذي تقوم عليه هذه التوصية فالنصف الثاني من المقالة هو القياس الذي أجريته على كود تيك توك الرسمي نفسه: 84 طلب شبكة و 4.5 ميجابايت في أول اثنتي عشرة ثانية، ترتفع إلى 41.5 ميجابايت عند الثانية الثالثة والعشرين، مع كوكيز تُكتب قبل أن يوافق أحد، ولوحة فيديوهات لصنّاع محتوى آخرين أسفل الفيديو الخاص بكم.

كيف تتم اضافة فيديوهات تيك توك إلى الموقع: الجواب المختصر

  1. أنشئوا حسابا مجانيا في CollectSocials، ثم أنشئوا موجزا يحتضن الفيديوهات.
  2. أضيفوا تيك توك كمصدر. إما أن تربطوا حسابكم عبر OAuth لمزامنة فيديوهاتكم أنتم، وإما أن تختاروا «الموجز المخصص» فتلصقوا روابط فيديوهات مفردة بلا ربط حساب إطلاقا.
  3. راجعوا الفيديوهات التي وصلت في شاشة التجميع، واحذفوا ما لا تريدون ظهوره على موقعكم.
  4. اختاروا التخطيط في استوديو التصميم. الفيديو الرأسي يحتفظ بكامل ارتفاعه في الماسونري أو الفسيفساء أو تخطيطات الأعمدة، أما الأشرطة الأفقية فتعرض الغلاف كاملا داخل مربع.
  5. انشروا، وانسخوا مقطع التضمين، والصقوه في صفحتكم. وهو في أكثر المنصات وسم سكربت واحد، وعلى ويكس وسكوير سبيس إطار مضمَّن، وعلى شوبيفاي سكربت ملفوف في قسم كود مخصص.

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

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


خطوة بخطوة: بناء موجز تيك توك وعرضه على موقعكم

من نقطة الصفر إلى أداة عرض حية، بلقطة لكل شاشة. وهناك طريقان يلتقيان عند النقطة نفسها بعد أن تصلوا إلى تيك توك، والفرق بينهما ليس تقنيا بل يتعلق بسؤال واحد: فيديوهات من تضمّنون؟

خطوات الإعداد الست كما يرسمها المخطط

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

الخطوة 1: أنشئوا حسابكم

ابدأوا من الصفحة الرئيسية واضغطوا Start free أو Get Started Free، فكلاهما يفتح شاشة التسجيل نفسها. والباقة المجانية هي المناسبة لهذه المهمة: فيها السمات كلها ومنشئ السمات، فتصلون بجدار تيك توك إلى شكل يرضيكم قبل أن تقرروا الدفع من أجل أي شيء.

الصفحة الرئيسية لموقع CollectSocials وفيها عنوان كبير وزرّا Start free و See how it works، وعلى اليمين نافذة متصفح وهمية عنوانها yourstore.com تعرض بطاقات ملوّنة تحمل شعارات إنستقرام وإكس ويوتيوب وجوجل وفيسبوك مع سطر Powered by CollectSocials
من هنا تبدأزرّ Start free وزرّ Get Started Free يذهبان إلى الشاشة نفسها. والنافذة الوهمية على الجانب هي شكل ما أنتم بصدد بنائه: موجز واحد يجمع أكثر من منصة ويُرسم على صفحتكم أنتم.
شاشة Create your account في CollectSocials وفيها زر Continue with Google ثم نموذج بريد إلكتروني يطلب الاسم الكامل والبريد وكلمة المرور وسؤالا اختياريا عن كيفية معرفة الخدمة، وزر Create account
التسجيل، بكلمة مرور أو بدونهاإما المتابعة بحساب جوجل وإما نموذج البريد الإلكتروني. لا يُطلب في هذه الشاشة أي بطاقة بنكية، ولا يُربط فيها أي حساب اجتماعي: تيك توك يأتي لاحقا، بعد أن يصير لديكم موجز يملؤه.

الخطوة 2: أنشئوا موجزا يحتضن الفيديوهات

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

نافذة CREATE A NEW FEED في CollectSocials وفيها حقل Name مكتوب فيه Twitter Hashtag وقائمة Default post status مضبوطة على Approved وزر Create feed، وخلفها بطاقة Create New Feed فارغة
إنشاء موجز جديدحقلان لا ثالث لهما. النافذة نفسها لكل المنصات، فالاسم هو الشيء الوحيد الذي يتغيّر، وهذه اللقطة أُخذت أثناء تسمية موجز آخر. أما حالة المنشور الافتراضية فتستحق وقفة: Approved يضع الفيديوهات على الصفحة مباشرة، والخيار الآخر يحجزها لكم لمراجعتها.

الخطوة 3: اختاروا تيك توك من قائمة المصادر

زر Add Source يفتح شاشة اختيار المنصة. تيك توك يقف فيها إلى جانب إنستقرام ويوتيوب وتقييمات جوجل وإكس (تويتر) وفيسبوك وبينترست وتمبلر (بالإنجليزية) وخلاصات RSS وفيميو، وتستطيعون توجيه أكثر من واحدة منها إلى الموجز نفسه إن أردتم جدارا مختلطا لا جدار تيك توك وحده.

شاشة Choose Platform في CollectSocials مرتبة في شبكة بطاقات: الصف الأول Google Reviews و YouTube و X / Twitter و Facebook، والصف الثاني Instagram و TikTok و LinkedIn عليها وسم IN REVIEW برتقالي و RSS Feed، ويظهر أسفلها صف ثالث فيه بينترست وفيميو وتمبلر
شاشة اختيار المنصةبطاقة TikTok هي الثانية من اليسار في الصف الأوسط. وبطاقة LinkedIn وحدها تحمل وسم IN REVIEW أي «قيد المراجعة»، وهو الوصف الأمين لحالتها. وتوجيه أكثر من مصدر إلى الموجز نفسه هو الطريقة التي ينتهي بها جدار تيك توك حاملا فيديوهات يوتيوب أو تقييمات جوجل دون كود ثانٍ في الصفحة.

ولاحظوا في هذه الشاشة تفصيلا يستحق التقدير أكثر مما يبدو: البطاقات تقول حالتها الحقيقية. فبطاقة LinkedIn وحدها تحمل وسما يقول إنها قيد المراجعة، وبقية البطاقات لا تحمل شيئا لأنها تعمل. وحين تقارنون بين الأدوات، اسألوا دائما عن هذه النقطة: هل تعرض الأداة ما هو متاح فعلا اليوم، أم تعرض قائمة أمنيات مكتوبة بخط عريض؟ الفرق بين الاثنين يظهر بعد أسبوع من الاشتراك لا قبله.

الخطوة 4: اختاروا نوع محتوى تيك توك الذي تريدونه

اختيار تيك توك يسأل سؤالا قبل أن يطلب أي شيء آخر، والبطاقة الثانية هي التي تستحق قراءة متأنية.

شاشة اختيار نوع محتوى تيك توك في CollectSocials وعنوانها TikTok مع سؤال What type of content do you want to collect وبطاقتان متجاورتان: My TikTok Videos ووصفها ربط الحساب لموجز يتزامن تلقائيا، و Custom Feed ووصفها لصق أي روابط فيديو عامة لبناء موجز ثابت بلا حاجة إلى حساب
طريقان إلى موجز تيك توكبطاقة My TikTok Videos تربط حسابكم وتبقى تزامن. وبطاقة Custom Feed تأخذ روابط ملصوقة ولا تحتاج حسابا إطلاقا، وهي الطريق المناسب لفيديوهات لم تنشروها أنتم. ولاحظوا أن البطاقتين متجاورتان: الاختيار يسبق أي خطوة ربط، فلستم مضطرين إلى الربط ثم اكتشاف أن هناك طريقا آخر.

الخطوة 5: اربطوا حسابكم

ربط حساب تيك توك عبر OAuth هو الطريق المناسب لفيديوهاتكم أنتم. ويطلب CollectSocials صلاحيتين اثنتين فقط، هما user.info.basic و video.list، أي اسم العرض والصورة الرمزية إضافة إلى فيديوهاتكم العامة. ولا تُطلب أي صلاحية نشر، ببساطة لأن لا شيء في المنتج ينشر إلى تيك توك.

شاشة Add TikTok Videos في CollectSocials وفيها بطاقة Connect your TikTok تسرد ثلاثة بنود هي Import your public videos و Auto-sync new content و Embed TikTok videos on your site، وأسفلها زر أسود Connect TikTok وسطر يذكر أن الاتصال عبر OAuth 2.0 وأن كلمة المرور لا تُخزَّن، وفي الأعلى رابط Back to TikTok options
شاشة الربط، قبل التحويل إلى تيك توكما الذي سيُستورد مذكور قبل أن ترسلكم الشاشة إلى تيك توك: فيديوهاتكم العامة، ومزامنة تلقائية للجديد منها، وحق عرضها على موقعكم. والسطر أسفل الزر يقول صراحة إن الاتصال عبر OAuth 2.0 وإن كلمة المرور لا تُخزَّن. ورابط Back to TikTok options في الأعلى يعيدكم إلى شاشة الاختيار إن فضّلتم لصق الروابط.

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

الخطوة 6: أو الصقوا الروابط بلا حساب

الطريق الثاني أهم مما يوحي به موضعه في الشاشة. «الموجز المخصص» يتيح لكم لصق روابط فيديوهات تيك توك المفردة بلا ربط حساب إطلاقا. وهو الطريق المناسب لتضمين فيديو صانع محتوى أذن لكم بعرضه، أو مقطع حملة نُشر من حساب لا تملكونه، أو مجموعة ثابتة منتقاة باليد لا ينبغي أن تتغيّر من تلقاء نفسها. وهو أيضا الجواب الأمين عن سؤال «هل أستطيع تضمين فيديوهات غيري؟»: نعم، رابطا رابطا، وبإذن، لا بتوجيه أداة كشط إلى ملفهم الشخصي.

شاشة Create Custom TikTok Feed في CollectSocials وفيها صندوق نص كبير فارغ يعرض مثالين لرابطي فيديو كاملين من tiktok.com، وأسفله سطر مكتوب فيه 0 videos detected، وسطر إرشادي يقول إن الروابط تُلصق كاملة سطرا لكل رابط وإن روابط vm.tiktok.com المختصرة غير مدعومة، وزر Preview 0 videos معطّل
الموجز المخصص: روابط ملصوقة بلا OAuthرابط في كل سطر، وعدّاد أسفل الصندوق يقرأ 0 videos detected ما دام فارغا ثم يتحرك مع كل رابط صالح. والقيد مطبوع تحت الصندوق مباشرة: روابط vm.tiktok.com المختصرة غير مقبولة، فافتحوا الفيديو وانسخوا الرابط الكامل. والزر أسفل الشاشة يبقى معطّلا حتى يصير هناك ما يُعاين.

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

الخطوة 7: راجعوا ما وصل

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

شاشة Collect Posts في CollectSocials تعرض أربع بطاقات فيديو تيك توك طويلة، فوق كل بطاقة أيقونة تثبيت وزر أحمر للحذف، وأسفل كل بطاقة شعار تيك توك واسم الحساب l2a54kbp وتاريخ 3 months ago ونص المنشور بوسومه، وفي الأعلى قوائم Select Feed و All Networks و All Sources وعدّاد 8 total posts وزر Continue to Design Studio
كل ما سحبته المزامنة، قبل أن يُنشرالفيديوهات المتزامنة تصل بطاقات طويلة تحمل صور أغلفتها ونصوصها كما هي. أيقونة التثبيت تفرض على الفيديو أن يتصدّر الجدار مهما كان تاريخه، والزر الأحمر يُخرج الفيديو من الموجز كليا. وشريط الأعلى فيه مرشّحات للموجز والشبكة والمصدر، فإن كان موجزكم يخلط أكثر من منصة راجعتم تيك توك وحده.

وفي الشريط الجانبي لهذه الشاشة ثلاثة تبويبات: تخصيص الموجز، والقواعد، والمنشورات المخصصة. القواعد هي المكان الذي تُكتب فيه كلمات محظورة ويُشغَّل فيه مرشّح المحتوى بالذكاء الاصطناعي، فتصير المراجعة تلقائية بدل أن تكون يدوية في كل مرة. والمراجعة اليدوية تبقى متاحة على أي حال، وهي ما تفعلونه بالضبط في هذه الشاشة حين تضغطون الزر الأحمر.

الخطوة 8: صمّموه لفيديو رأسي

هنا يُربح جدار تيك توك أو يُخسر، والسبب هندسي بحت. تيك توك نسبته 9:16، وأكثر تخطيطات أدوات العرض صُمّمت لصور مربعة. ألقوا فيديو رأسيا في شبكة مربعة فستحصلون إما على أشرطة سوداء وإما على قصّ يقطع رأس الشخص الذي في الصورة.

امتدّوا إلى تخطيط البناء المتداخل (الماسونري) أو الفسيفساء أو تخطيطات الأعمدة، فهي التي تعطي البطاقة الطويلة شكلها الطبيعي، واعتبروا الماسونري خيار الموجزات المختلطة التي تجلس فيها فيديوهات تيك توك بجوار صور يوتيوب العرضية. أما الأشرطة الأفقية فلها حكم آخر يحسن معرفته قبل الاختيار: الشريط الدوار والمنزلق وشريط العرض المتحرك والناقل وشريط الغلاف والشريط الثنائي وعرض الشرائح وشريط المنصات تضع الغلاف داخل مربع بحجم ثابت، فيبقى الفيديو الرأسي كاملا بلا اقتصاص ولكن بأشرطة فارغة على الجانبين. السبب أن بطاقات هذه التخطيطات تتقاسم صفا واحدا، فارتفاع لا يُعرف إلا بعد وصول الصورة يدفع صفحتكم إلى الأسفل بينما يقرأها الزائر.

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

استوديو التصميم في CollectSocials وفي أعلاه أزرار Publish & get embed code و Preview و Share و Get Code، وعلى الجانب قوائم Layout و Theme و Card Template و Design Options وزر Browse Templates، وفي الوسط معاينة مكتوب فوقها PREVIEW MARQUEE / MINIMAL تعرض أربع بطاقات فيديو تيك توك على كل منها زر تشغيل دائري، وأسفلها سطر Powered by CollectSocials
استوديو التصميم، وهو يعاين الأداة الحقيقيةالمعاينة هنا مرسومة بفيديوهاتكم أنتم بعد المزامنة، لا بنموذج وهمي، فأنتم تحكمون على مادتكم الحقيقية لا على صور دعائية. وكل بطاقة صورة غلاف عليها زر تشغيل: مشغّل تيك توك لا يُحمَّل حتى يُضغط الزر. والسطر أعلى المعاينة يذكر التخطيط والسمة المطبَّقين، فتختارون بالنظر لا بالتخمين.

ما الذي يعرضه مخطط استوديو التصميم بالضبط

يحاكي الرسم المتحرك واجهة استوديو التصميم ويتنقل بين خمس تركيبات ثابتة من التخطيط والسمة (شبكة، ثم بناء متداخل، ثم شريط دوار، ثم قائمة، ثم شريط متحرك)، وشريطه العلوي يحمل شعار تيك توك واسم موجز تيك توك. والبطاقات داخله بطاقات عامة ببيانات توضيحية، لا مقاطع رأسية حقيقية، فهو يوضّح أن التخطيط والسمة يُبدَّلان في مكان واحد ولا يقيس مشكلة الهندسة التي شرحتها الفقرات أعلاه.

الخطوة 9: انشروا والصقوا المقطع

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

على ووردبريس يوضع في كتلة Custom HTML، أو تتجاوزون المقطع كليا عبر إضافة ووردبريس عندنا (بالإنجليزية)، وهي المبادلة المربحة في صفحة تستقبل زيارات حقيقية: تنسخ الفيديوهات والتصميم المنشور إلى قاعدة بيانات ووردبريس عندكم وتخدمهما من نطاقكم، فبعد أول مزامنة تتوقف مشاهدات تلك الصفحة عن العدّ على أي باقة بما فيها المجانية. وقبل تلك المزامنة الأولى، أو إن تعذّر تسجيل الموجز، تُخدم النسخة المستضافة كما كانت. وعلى ويب فلو (بالإنجليزية) عنصر Embed. وفي هذين الطريقين وفي كل طريق يمر بوسم سكربت تُرسم الأداة داخل Shadow DOM، أي داخل جذر منفصل: فلا تتسرّب أنماط موقعكم إلى الداخل فتكسر البطاقات، ولا تتسرّب أنماط الأداة إلى الخارج فتكسر قالبكم.

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

اعرضوا فيديوهات تيك توك على موقعكم أنتمتجربة مجانية 7 أيام. بدون بطاقة بنكية، وبدون حساب مطوّر على تيك توك.
ابدأوا مجانا

ماذا عن عرض الفيديو تلقائيا على موقعكم أنتم

التشغيل التلقائي هو أفضل ما في كود تيك توك الرسمي، ولذلك يستحق أن تعرفوا أين يمكنكم استعادته على صفحتكم وأين لا يمكنكم.

في CollectSocials مفتاح اسمه Live video previews داخل استوديو التصميم تحت Design Options. إن شغّلتموه صارت بطاقات الفيديو تعمل صامتة ومكرَّرة بمجرد دخولها مجال الرؤية، بحد أقصى فيديوهين في وقت واحد، ولا تتسلّح هذه الخاصية إلا بعد حدث اكتمال تحميل النافذة، فلا تستطيع أن تمس أكبر عنصر مرئي في صفحتكم مهما حدث. والنقر يفتح النافذة الكاملة بالصوت كما هو.

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

فالاختيار في تيك توك اختيار حقيقي إذن: مشغّل تيك توك بتشغيله التلقائي وتوصياته، أو بطاقتكم أنتم التي تنتظر نقرة. والنصف الثاني من هذه المقالة هو القياس الذي ينبغي أن يحسم لكم هذا الاختيار.

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

ما الذي تعطيه واجهة تيك توك البرمجية فعلا

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

ما تحصلون عليهما لا تحصلون عليه
فيديوهات حسابكم أنتم العامة، عبر OAuthفيديوهات أي شخص آخر باسم حسابه
أحدث 100 فيديو عند الربط الأول، ثم حتى 20 فيديو في كل مزامنةسحب تاريخكم كله دفعة واحدة بلا حدود
صورة الغلاف والوصف والتوقيت والرابط الدائمبحث هاشتاق في منشورات الآخرين
عدّادات الإعجاب والتعليق والمشاركة والمشاهدة داخل الحمولةأي حق في كشط ما لا تعطيه الواجهة

واثنان من هذه الصفوف يستحقان بسطا، لأنهما اللذان يفاجئان الناس.

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

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

وسقف العشرين فيديو سقف تيك توك لا سقفنا، وهو سقف للطلب الواحد لا للحساب. وثيقتهم عن نقطة نهاية List Videos تضعه في سطر واحد: "Default is 10. Maximum is 20."، أي أن الافتراضي عشرة والأقصى عشرون، وتعيد نقطة النهاية نفسها مؤشرا للصفحة التالية. لذلك عند الربط الأول نمشي خمس صفحات ونستورد أحدث 100 فيديو، وهو أقصى ما يحمّله الموجز المضمّن دفعة واحدة. وبعدها تعيد المصادر المزامنة على جدول باقتكم، وتجلب كل مزامنة أحدث 20 فيديو، والفيديوهات الجديدة تتراكم في الموجز مع الوقت. أما كم فيديو يُعرض منها فإعداد في استوديو التصميم لا حدّ للاستيراد.

وهناك تفصيل صغير في هذا الباب يستحق الذكر لأنه يفسّر سلوكا يربك الناس: بما أن السحب مقصور على آخر ما نُشر، فإن ربط حساب قديم غنيّ بالمحتوى لا يملأ الجدار بتاريخه كله في اللحظة الأولى. الجدار يبدأ بما وصل ثم ينمو. وإن أردتم فيديو قديما بعينه على الصفحة اليوم، فطريق «الموجز المخصص» بلصق رابطه هو أقصر الطرق إليه.

أين توضع لوحة فيديوهات تيك توك في الصفحة

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

المواضع الثلاثة التي يرسمها المخطط

يرسم الرسم المتحرك نافذة موقع نموذجية وتظهر فيها ثلاث نقاط ساخنة بالتتابع: الصفحة الرئيسية أسفل الطية، وصفحة المنتج، وصفحة «من نحن». وهو مخطط عام لمواضع أي موجز اجتماعي لا لتيك توك وحده، فبطاقاته تحمل تسميات موجز عامة. أما لماذا تعمل صفحة المنتج وصفحة «من نحن» أكثر من غيرهما مع تيك توك تحديدا، فتشرحه الفقرات التالية.

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

صفحات «من نحن» وصفحات الفريق. فيديو ما وراء الكواليس يفعل للمصداقية ما لا تفعله صورة مكتب من بنك الصور. وهذا أحد المواضع القليلة التي يكون فيها الرفع إلى أعلى الصفحة مبرَّرا، لأن الزائر الذي وصل إلى هنا يريد هذا بالضبط.

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

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

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

وقاعدة بسيطة تحسم أكثر النقاشات حول الموضع: كلما ارتفع المكوّن في الصفحة، ارتفع معه الثمن الذي يدفعه الزائر قبل أن يرى ما جاء من أجله. فجدار الفيديو أسفل الطية يُحمَّل بعد أن يكون العنوان والعرض قد ظهرا، أما الجدار في الأعلى فيقف بين الزائر وبين رسالتكم. وليس معنى هذا أن تدفنوه في أسفل الصفحة، بل أن تسألوا في كل موضع: ما الذي جاء هذا الزائر من أجله، وهل الفيديو هو الجواب أم تشويش عليه؟

كيف تقيسون أن موجز تيك توك يعمل فعلا

ظهور الأداة على الشاشة ليس هو المقياس. السؤال هو: هل يسلك الزوار الذين تفاعلوا مع الموجز سلوكا مختلفا عن الذين لم يتفاعلوا؟

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

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

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


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

لا يوجد كود تضمين رسمي لموجز تيك توك

هذا هو الجزء الذي يدفع أكثر الناس إلى البحث عن أداة تجميع لتيك توك من الأساس، ويستحق أن يُقال صراحة. وثيقة التضمين في تيك توك تغطي شيئا واحدا: تضمين فيديو مفرد. لا يوجد تضمين رسمي موثّق لموجز ملف شخصي، ولا لموجز هاشتاق، ولا لأي تجميعة أخرى. واستجابة oEmbed تحمل معرّفا واحدا هو data-video-id، بصيغة المفرد، وهذا هو كل السطح المتاح.

فحين يقول لكم أحد «ضمّنوا موجز تيك توك» بأدوات تيك توك نفسها، فالذي يصفه فعلا هو أن تلصقوا كود الفيديو الواحد مرة لكل فيديو وتكدّسوها فوق بعضها. واختباري لثلاث عمليات تضمين هو هذا بالضبط، وقد كلّف 236 طلب شبكة و 8 ميجابايت في اثنتي عشرة ثانية قبل أن يلمس أحد أي شيء. واثنا عشر فيديو مبنية بهذه الطريقة ليست قرار تصميم، بل حادثة في وزن الصفحة.

ولماذا يبحث الناس عن هذا أصلا؟ لأن المنصات الأخرى عوّدتهم عليه. يوتيوب يعطي قائمة تشغيل كاملة في إطار واحد، وفيسبوك يعطي إضافة صفحة ترسم منشورات متعددة، فيفترض من جرّب هذين أن تيك توك مثلهما ويظل يبحث عن الزر. والبحث ينتهي دائما إلى الشيء نفسه: صفحة مشاركة الفيديو، وفيها خيار «تضمين» يعطي كودا لذلك الفيديو وحده. فليست المشكلة أنكم لم تجدوا الزر، بل أن الزر غير موجود. ومعرفة هذا توفّر عليكم ساعة بحث وتنقل السؤال من «أين الميزة؟» إلى «أي بديل أختار؟»، وهو السؤال الذي تجيب عنه بقية هذه المقالة.

صورة oEmbed المصغّرة تنتهي صلاحيتها، فلا يمكن تخزينها ببساطة

هنا اختصار مغرٍ: تجاوزوا كود التضمين، واستدعوا نقطة نهاية oEmbed العامة، واحفظوا thumbnail_url الذي تعيده، وارسموا شبكة صوركم الخاصة تربط إلى تيك توك. وهذا يعمل نحو يومين.

كل thumbnail_url يعيده تيك توك رابط شبكة توصيل موقَّع يحمل معامل x-expires. وحين سحبت بيانات oEmbed لثلاثة فيديوهات غير مترابطة من ثلاثة حسابات مختلفة، حملت الصور الثلاث الطابع الزمني نفسه لانتهاء الصلاحية، بعد يومين تقريبا. فتيك توك يوقّعها في نافذة قصيرة ثابتة. خزّنوا تلك الروابط في قاعدة بياناتكم فيتحوّل جداركم كله إلى صور مكسورة مع نهاية الأسبوع، وهذا بالضبط هو العطل الذي يشتكي منه الناس حين «تتوقف شبكة تيك توك المصنوعة يدويا عن عرض الصور فجأة».

وأي حل يدوم عليه أن يعيد استخراج صورة الغلاف على جدول، وأن يدافع عن نفسه في الفجوة. فمصادرنا تعيد المزامنة على جدول باقتكم، وهذه المزامنة تجدّد روابط الأغلفة، والأداة تقرأ x-expires قبل أن ترسم: الغلاف الذي انتهت صلاحيته يُتخطّى فترسم البطاقة حالتها الحقيقية بلا صورة في الحال، بدل أن تعرض صورة مكسورة ثم يعاد ترتيب البطاقة بعد أول رسم. هذه سباكة لا بريق فيها، وهي أكثر ما تشترونه فعلا حين تدفعون ثمن أداة عرض لتيك توك بدل أن تبنوا واحدة.

من كود لكل فيديو إلى موجز واحد

يعرض الرسم المتحرك صندوق تيك توك مقفلا على يساره وفيه أربع بطاقات، ثم جسرا مكتوبا عليه «مزامنة تلقائية» تعبره البطاقة تلو الأخرى إلى نافذة متصفح على يمينه فتملأ أداة عرض على موقعكم، وينتهي بحالة خضراء تقول إن الموجز صار حيا. وهو مخطط توضيحي: التحديث في الواقع يجري على جدول دوري لا في اللحظة نفسها، والفكرة التي يرسمها هي أن الفيديوهات تصير موجزا واحدا تملكونه بدل كود تضمين ملصوق لكل مقطع.


بحث أصلي: ماذا يكلّف كود تيك توك الرسمي صفحتكم

كل دليل عن «كيفية تضمين تيك توك» يقول لكم اضغطوا مشاركة، ثم تضمين، ثم الصقوا الكود. ولا واحد منها يقول ماذا يفعل ذلك الكود بصفحتكم. فقِسته.

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

مقيس عند 12 ثانية، بلا أي نقرصفحة فارغةتضمين تيك توك واحدثلاث عمليات تضمين
طلبات الشبكة (الوسيط)184236
المنقول (الوسيط)~0 ميجابايت4.46 ميجابايت7.98 ميجابايت
ومنه ملف الفيديو0 ميجابايت3.08 ميجابايت6.08 ميجابايت
تشغيلات جلبت الفيديو بلا نقر0 من 55 من 54 من 5
مضيفات تيك توك المتميّزة التي جرى الاتصال بها01011
كوكيز كُتبت بلا أي تفاعل022

الفيديو ليس تحميلا مسبقا، بل تشغيل فعلي

قراءتي الأولى لهذه البيانات كانت خاطئة، والتصحيح يجعل كود تيك توك يبدو أفضل لا أسوأ. سبب وصول ميجابايتات من ملف الفيديو بلا نقر هو أن كود التضمين يشغّل الفيديو تلقائيا. فهو لا يحمّل تحميلا استباقيا شيئا لم يطلبه أحد، بل يفعل ما وُجد تيك توك من أجله: الفيديو يبدأ، صامتا، كما يبدأ في التطبيق. وهذه ميزة حقيقية، وهي أكثر سبب يجعل تيك توك المضمَّن يبدو حيا على الصفحة بينما تبدو الصورة الجامدة ميتة.

وهذا يعني أيضا أن عدد البايتات دالة على مدة بقاء الزائر لا تكلفة ثابتة يمكن اقتباسها في رقم واحد. انظروا ماذا يحدث كلما اتّسعت نافذة البقاء على كود التضمين الواحد نفسه:

تضمين واحد، ولا شيء مضغوط بعدالطلباتالمنقول
عند 12 ثانية (بلا واجهة، وسيط 5 تشغيلات)844.46 ميجابايت
عند 23 ثانية (كروم حقيقي، سطح مكتب)8441.5 ميجابايت
عند 48 ثانية (كروم حقيقي، مقاس iPhone 16 Pro Max)11545.2 ميجابايت

عدد الطلبات يكاد لا يتحرك. أما رقم المنقول فينمو بمرتبة كاملة، لأن الفيديو الذي يعمل يظل يتدفق ما دامت صفحتكم مفتوحة. وفي تشغيل سطح المكتب استأثرت استجابة وسائط واحدة بـ 15,553 كيلوبايت وحدها، وكانت لا تزال تصل بعد 22 ثانية من فتح الصفحة. فالطريقة الأمينة لذكر التكلفة هي أن تُذكر لكل وحدة انتباه: نحو 4.5 ميجابايت في أول اثنتي عشرة ثانية، وعشرة أضعاف ذلك إن ترك أحدهم اللسان مفتوحا وهو يقرأ.

لوحة Network في أدوات مطوّري كروم لصفحة localhost تحمل كود تضمين تيك توك واحدا، وفي شريطها السفلي 84 requests و 41.5 MB transferred و 45.9 MB resources و Finish 22.97 s، وفي جدول الطلبات صفّا وسائط بحجم 225 kB و 15,553 kB وسطر tiktok-embed.module بحجم 620 kB، والنافذة في وضع التصفح المتخفي مع تعطيل الذاكرة المؤقتة وبلا خنق للشبكة
تضمين واحد، 84 طلبا، 41.5 ميجابايتتصفح متخفٍّ، والذاكرة المؤقتة معطّلة، وبلا خنق للشبكة، ولم يُضغط شيء. صفّا الوسائط في أسفل الجدول هما الفيديو الذي يعمل تلقائيا: 225 كيلوبايت، ثم 15,553 كيلوبايت لا تزال تتدفق عند الثانية 22. وملف tiktok-embed.module وحده 620 كيلوبايت من الجافاسكربت، وقليل من صفوف الجدول يعود لخادم التطوير المحلي لا لتيك توك.

ومن يفتح جدول الطلبات في اللقطة أعلاه يرى من أين تأتي هذه الأرقام. سطر واحد اسمه tiktok-embed.module وحده 620 كيلوبايت من الجافاسكربت، وفوقه سكربتات أخرى للمنصة نفسها، ثم صورة بحجم 1,628 كيلوبايت، ثم صفّا الوسائط اللذان هما الفيديو: 225 كيلوبايت ثم 15,553 كيلوبايت. وأسفل الجدول يقول شريط الحالة إن الصفحة استغرقت 22.97 ثانية حتى الانتهاء بينما اكتمل بناء المستند نفسه في 199 ميلي ثانية. أي أن صفحتكم صارت جاهزة في أقل من خُمس ثانية، ثم ظلت تعمل ثلاثا وعشرين ثانية أخرى من أجل مكوّن واحد. وبعض صفوف الجدول تعود لخادم التطوير المحلي الذي استضاف صفحة الاختبار، لا لتيك توك، وقد ذكرت ذلك حتى لا يُقرأ الرقم أكبر مما هو.

المنهج، حتى تتحققوا منه بأنفسكم

  • خمسة تشغيلات لكل حالة، كل تشغيل في متصفح جديد بجرّة كوكيز جديدة، لأن السلوك متسابق وتشغيل واحد ليس دليلا.
  • أرقام البايتات مأخوذة من بروتوكول أدوات مطوّري كروم، من Network.loadingFinished عبر الحقل encodedDataLength، وهو ما عبر السلك فعلا. ومحاولتي الأولى استعملت ترويسات Content-Length فبالغت في التقدير مبالغة شديدة، لأن استجابات الوسائط المجزّأة تُحسب مرتين بتلك الطريقة.
  • والوسيط هو المذكور لأن التشتت واسع. فالتضمين الواحد تراوح بين 3.77 و 7.94 ميجابايت عبر تشغيلات الاثنتي عشرة ثانية، وبين 80 و 118 طلبا.
  • وفي واحد من تشغيلات الحالة الثلاثية الخمسة أخفقت عمليات التضمين في الرسم أصلا، فأنتجت 11 طلبا وبلا فيديو. وقد يكون ذلك خنقا لطلباتي الآلية المتكررة لا شيئا يصادفه زائر حقيقي، فتعاملوا معه على أنه ملاحظة لا ادّعاء عن الموثوقية.
وماذا يعني هذا لبنائكم أنتم: لا شيء مما سبق يجعل كود تيك توك مكوّنا رديئا. إنه يجعله مكوّنا غاليا، والأشياء الغالية مكانها حيث تكسب ثمنها. كود تضمين واحد على صفحة حملة مبادلة عادلة مقابل المشغّل الحقيقي. أما اثنا عشر منها مكدّسة في شيء يشبه الموجز فقضية أخرى، والأرقام أعلاه هي السبب.

ما الذي يضعه كود التضمين في صفحتكم غير الفيديو

وزن الصفحة هو التكلفة القابلة للقياس. وهذه التكلفة التحريرية، وأظنها أهم.

كود تيك توك ليس عنصر فيديو. إنه قطعة من تيك توك، ويتصرّف كذلك. فمع مقطعكم يرسم زر View profile لعرض الملف الشخصي، ونداء عمل ورديا مكتوبا عليه Watch now أي «شاهد الآن»، وشريط Related videos أي «فيديوهات ذات صلة» معبّأ بمحتوى صنّاع آخرين. وأنتم لا تختارون ما يظهر في ذلك الشريط، وهو ليس محتواكم.

صفحة اختبار على localhost فيها كودا تضمين رسميان من تيك توك فوق بعضهما، العلوي يعرض فيديو من حساب spynyc بعدّادات إعجاب وتعليق ومشاركة وشريط وردي فيه زر Watch now، والسفلي بطاقة سوداء تحمل اسم حساب openmyworld وزر View profile وتحته عنوان Related videos وصور فيديوهات أخرى
تضمينان مكدّسان، كما وصلاكلا التضمينين رُسم نظيفا، والعلوي يعمل ومعه عدّادات الإعجاب والتعليق والمشاركة الخاصة بتيك توك. وانظروا البطاقة السفلى: تحت زر View profile يجلس شريط Related videos من مقاطع أناس آخرين، وفوق الأولى شريط Watch now.

وعلى شاشة ضيّقة تتوقف هذه المسألة عن كونها هامشا. فعند عرض جهاز iPhone 16 Pro Max صارت لوحة الفيديوهات ذات الصلة أول شيء في كود التضمين له وزن بصري، وكانت في تشغيلي دعاية لفيلم أطفال عليه 16.1 مليون مشاهدة، جالسة على صفحة لا علاقة لها لا بهذا ولا بذاك.

كود تضمين تيك توك بعرض جهاز iPhone 16 Pro Max في أدوات مطوّري كروم، وفي أعلى البطاقة اسم spynyc وزر View profile ثم عنوان Related videos تحته صورة فيلم Barbie and the Magic of Pegasus عليها عدّاد 16.1M، وأسفلها شريط وردي فيه زر Watch now، وفي شريط الشبكة 115 requests و 45.2 MB transferred و Finish 48.08 s
كود التضمين نفسه بعرض الجوال115 طلبا، و 45.2 ميجابايت، و 48 ثانية حتى الانتهاء. وأكبر عنصر في كود التضمين فيديو شخص آخر، رشّحه تيك توك، على صفحتكم أنتم. وشريط Watch now مثبّت تحته مباشرة.

وانظروا إلى ترتيب البطاقة في تلك اللقطة بعين مصمّم لا بعين مهندس: اسم الحساب في الأعلى، ثم زر يخرج الزائر إلى الملف الشخصي، ثم عنوان «فيديوهات ذات صلة» يتصدّر المساحة، ثم أخيرا الفيديو الذي وضعتموه أنتم. فحتى لو تجاهلتم كل رقم في هذه المقالة، يبقى هذا سؤالا تحريريا: هل توافقون على أن أول ما يراه زائر صفحة منتجكم على الجوال هو اقتراح لمشاهدة شيء آخر؟

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

وهو يضع كوكيز تيك توك، وهذه مسألة موافقة

في تشغيلات الاثنتي عشرة ثانية بلا واجهة ظهرت كوكيتان بلا أي تفاعل، هما ttwid و msToken، وكلتاهما على .tiktok.com. وفي جلسة أطول بمتصفح حقيقي احتوى مخزن tiktok.com نحو عشرة مدخلات، منها ttwid، و msToken مرتين، و tt_csrf_token، و tt_chain_token، وقيمة x-web-secsdk.

لوحة Application في أدوات مطوّري كروم وقد فُتح فيها فرع Cookies واختير مخزن tiktok.com، فظهر جدول فيه نحو عشرة صفوف من بينها msToken مرتين و tt_chain_token و tt_csrf_token و ttwid و x-web-secsdk، وإلى جانب اللوحة صفحة الاختبار وفيها فيديو تيك توك مضمَّن وشريط Watch now، والنافذة في وضع التصفح المتخفي
كوكيز كُتبت ولم يُضغط شيءلوحة Application، في تصفح متخفٍّ، وبلا أي نقر. ويستطيع أي أحد إعادة إنتاج هذا في خمس عشرة ثانية: ضمّنوا فيديو واحدا، افتحوا Application، افتحوا فرع Cookies. وإن كان موقعكم يعرض لافتة موافقة على الكوكيز (أو ملفات تعريف الارتباط كما تسميها بعض اللوائح)، فهذه تصل قبل أن يجيب الزائر عنها.

وانتبهوا لمن يقول لكم إنه حلّ هذه المسألة. أي أداة عرض ترسم مشغّل تيك توك ترث كوكيز تيك توك، ونحن منها. والفرق الذي تستطيع أداة الموجز إحداثه هو متى يحدث ذلك، لا هل يحدث. فبطاقة تيك توك في CollectSocials ترسم صورة غلاف من تيك توك وزر تشغيل، والمشغّل، ومعه الكوكيز، يُحمَّل في النافذة المنبثقة حين ينقر الزائر. وهذا تأجيل إلى من اختار المشاهدة، وهو فرق حقيقي في حساب لافتة الموافقة، وليس هو نفسه القول بأن كوكيز لا تُكتب أبدا.

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


السؤال الحقيقي: مشغّل تيك توك أم صورة غلافكم أنتم

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

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

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

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

وتفصيل واحد مقيس على الصف الأخير: على كود التضمين الرسمي سجّلت انزياح تخطيط تراكمي قدره 0.0437، مصدره blockquote.tiktok-embed. فكود التضمين يصل وسم اقتباس ينهار داخل المشغّل بمجرد وصول سكربت تيك توك، بلا ارتفاع محجوز بينهما، فيتحرّك كل ما تحته.

فيديو واحد جامد مقابل معرض فيديوهات

يضع الرسم المتحرك لوحتين متجاورتين: على إحداهما «تضمين أصلي» فيه فيديو واحد مكتوب تحته أنه جامد، وعلى الأخرى «معرض CollectSocials» فيه ست صور مصغّرة تظهر تباعا وعليها أزرار تشغيل، مع وسم «يحدّث نفسه». وهو توضيح تخطيطي بأرقام تمثيلية لا لقطة من أداة حقيقية، ونقطته أن كود الفيديو الواحد يبقى فيديو واحدا بينما الموجز يحمل مجموعة تتجدّد.

أخطاء شائعة في تضمين تيك توك

تكديس أكواد التضمين الرسمية لتزييف موجز. القياس أعلاه هو ثمن هذا: ثلاث عمليات تضمين، و 236 طلبا، و 8 ميجابايت في اثنتي عشرة ثانية، قبل أن ينقر أحد، وثلاث مجموعات من فيديوهات غيركم المرشَّحة.

حشر فيديو 9:16 في شبكة مربعة. المحتوى الرأسي في تخطيط مبني للصور ينتج قصّا يقطع الوجوه. استعملوا تخطيطا يتوقّع بطاقة طويلة.

تخزين رابط صورة oEmbed المصغّرة. الرابط موقَّع وتنتهي صلاحيته في نحو يومين. أعيدوا استخراجه أو انسخوا الصورة إلى عندكم.

افتراض أن لافتة الكوكيز تغطّي الأمر. كود تيك توك يكتب معرّفاته مع تحميل الصفحة لا عند موافقة الزائر. فإن كان هذا يهم في نطاقكم القضائي فينبغي أن يُحمَّل كود التضمين بعد الموافقة، أو ألا يُحمَّل.

البحث عن جدار هاشتاق لتيك توك. الواجهة البرمجية لا تقدّم واحدا. وإن احتجتم محتوى مستخدمين مصدره هاشتاق فتلك حملة إنستقرام.

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

ولصق رابط مختصر ثم الحكم بأن الأداة معطوبة. شاشة «الموجز المخصص» تقول تحت صندوق النص مباشرة إن روابط vm.tiktok.com غير مدعومة، والعدّاد يخبركم كم رابطا صالحا قرأه فعلا. فإن بقي العدّاد على الصفر بعد لصق عشرة روابط، فالمشكلة في شكل الرابط لا في الأداة: افتحوا الفيديو وانسخوا العنوان الكامل.

هل تستحق اضافة موجز تيك توك العناء؟

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

والذي ينبغي أن تكونوا فيه قاصدين هو أي نسخة من تيك توك تركّبون. كود التضمين الرسمي هو المشغّل الحقيقي، وهو بارع في كونه كذلك: يعمل تلقائيا، ويبدو صحيحا، ولمقطع بطل واحد هو الاختيار الصائب. وهو أيضا يصل ومعه ميجابايتات تنمو مع مدة البقاء، وكوكيز تُكتب قبل الموافقة، ولوحة ترشّح فيديوهات أناس آخرين لزائر تعبتم في الوصول إليه. والموجز الذي يبدأ بصورة الغلاف يتنازل عن التشغيل التلقائي ويحتفظ بكل ما عداه. فاختاروا بحسب الموضع، لا بحسب المنصة.

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

ابدأوا مع CollectSocials اليوم

اربطوا حساب تيك توك أو الصقوا روابط الفيديوهات، راجعوا ما وصلكم، ثم الصقوا سطرا واحدا في صفحتكم.


أسئلة شائعة عن اضافة تيك توك للموقع

كيف أضيف فيديوهات تيك توك إلى موقعي؟

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

هل يوجد كود تضمين رسمي لموجز تيك توك كامل؟

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

هل أستطيع ربط تيك توك بالموقع بدون حساب مطوّر؟

نعم. لا تحتاجون حساب مطوّر على تيك توك ولا مفتاح واجهة برمجية. مسار «فيديوهاتي» يمر بشاشة تفويض من تيك توك نفسه تضغطون فيها الموافقة، والصلاحيتان المطلوبتان هما اسم العرض والصورة الرمزية وفيديوهاتكم العامة، ولا تُطلب صلاحية نشر. ومسار «الموجز المخصص» لا يحتاج ربط حساب إطلاقا: تلصقون روابط الفيديوهات وحسب.

هل يمكن عرض فيديوهات تيك توك لشخص آخر على موقعي؟

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

هل يوجد جدار هاشتاق لتيك توك؟

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

كم فيديو يصل في كل مزامنة؟

أحدث 100 فيديو عند الربط الأول، ثم حتى 20 فيديو في كل مزامنة. والعشرون سقف تيك توك نفسه للطلب الواحد لا سقفنا، ووثيقة نقطة نهاية List Videos تنص عليه صراحة، ونحن نطلب خمس صفحات متتالية عند الربط. والمصادر تعيد المزامنة على جدول باقتكم، والفيديوهات الجديدة تتراكم في الموجز مع الوقت، فالسقف يحدّ ما يصل في كل مزامنة لا الحجم الذي يبلغه الموجز في النهاية.

هل يبطئ تضمين تيك توك موقعي؟

كود تيك توك الرسمي مكلف: قِسته على صفحة فارغة فكلّف 84 طلب شبكة و 4.5 ميجابايت في أول اثنتي عشرة ثانية بلا أي نقر، وارتفع المنقول إلى 41.5 ميجابايت عند الثانية 23 لأن الفيديو يعمل تلقائيا ويظل يتدفق. وبطاقة الموجز عندنا صورة غلاف وزر تشغيل، والمشغّل لا يُحمَّل إلا عند النقر.

هل يضع تضمين تيك توك كوكيز قبل موافقة الزائر؟

نعم. في القياس ظهرت كوكيتان بلا أي تفاعل على نطاق تيك توك، وفي جلسة أطول بمتصفح حقيقي بلغ المخزن نحو عشرة مدخلات. وأي أداة ترسم مشغّل تيك توك ترث هذه الكوكيز، ونحن منها؛ الفرق أن بطاقتنا تؤجّلها إلى لحظة النقر بدل لحظة تحميل الصفحة. ولا ندّعي أن كوكيز لا تُكتب أبدا.

هل تظهر فيديوهات تيك توك رأسية على الموقع؟

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

هل تظهر عدّادات المشاهدة على البطاقات؟

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

لماذا تحوّلت صور جدار تيك توك عندي إلى صور مكسورة؟

على الأرجح لأن أحدهم خزّن روابط الصور المصغّرة. كل رابط غلاف يعيده تيك توك موقَّع ويحمل معامل انتهاء صلاحية، وقد وجدت في اختباري أن ثلاثة فيديوهات من ثلاثة حسابات مختلفة حملت الطابع الزمني نفسه، بعد يومين تقريبا. فالحل أن يعاد استخراج الغلاف على جدول، وأن تُتخطّى الأغلفة المنتهية بدل رسمها مكسورة، وهذا ما تفعله الأداة عندنا.

كيف أضيف فيديوهات تيك توك إلى ووردبريس؟

في محرر جوتنبرج أضيفوا كتلة Custom HTML إلى أي صفحة أو مقالة ثم الصقوا كود الأداة. أو استعملوا إضافة ووردبريس عندنا (بالإنجليزية)، وهي الأفضل في صفحة تستقبل زيارات حقيقية: تنسخ الفيديوهات والتصميم المنشور إلى قاعدة بيانات ووردبريس عندكم وتخدمهما من نطاقكم، فبعد أول مزامنة تتوقف مشاهدات تلك الصفحة عن العدّ على أي باقة بما فيها المجانية.

وماذا عن ويكس وسكوير سبيس وشوبيفاي ونوشن؟

المقطع يختلف باختلاف المنصة، وهو ما تسلّمه لكم لوحة التحكم جاهزا. ويكس وسكوير سبيس تحصلان على إطار مضمَّن يضبط ارتفاعه بنفسه، وذلك على كل الباقات؛ ونوشن وجوجل سايتس تحصلان على رابط إطار مجرد تلصقونه في أمر التضمين لا على وسم؛ وشوبيفاي يحصل على السكربت ملفوفا في حاوية بعرض الصفحة توضع في قسم كود مخصص. وحيثما كان الطريق وسم سكربت تُرسم الأداة داخل Shadow DOM فتُعزل أنماطها عن أنماط موقعكم في الاتجاهين.

هل تيك توك متاح في الباقة المجانية؟

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

هل أستطيع دمج تيك توك مع منصات أخرى في موجز واحد؟

نعم. الموجز وعاء واحد تصب فيه أكثر من مصدر، فتستطيعون توجيه تيك توك ويوتيوب وتقييمات جوجل إلى الموجز نفسه وعرضها بأداة واحدة على الصفحة. وعندنا أدلة عربية مستقلة عن تضمين قوائم تشغيل يوتيوب وعن اضافة صفحة فيسبوك إلى الموقع وعن اضافة تقييمات جوجل وعن تضمين تغريدات تويتر (إكس).

بأي لغة تظهر نصوص فيديوهات تيك توك؟

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


المصادر (بالإنجليزية)

  • TikTok for Developers: تضمين فيديوهات تيك توك (تؤكد أن التضمين الرسمي يغطي الفيديوهات المفردة فقط)
  • TikTok for Developers: نقطة نهاية List Videos ("Default is 10. Maximum is 20." وصلاحية video.list)
  • قياسات تكلفة كود التضمين والكوكيز وانزياح التخطيط الواردة في هذه المقالة قياساتي أنا، أُجريت في 19 آب/أغسطس 2026 على مخرجات oEmbed الحية من تيك توك، في كروميوم وفي أدوات مطوّري كروم. والمنهج مشروح كاملا أعلاه حتى يمكن إعادة إنتاج الأرقام أو الاعتراض عليها.