وضع بطاقة على موقعك
تستطيع البطاقة أن تعيش داخل صفحة لديك بالفعل (صفحة فريق، أو منشور على شبكة داخلية، أو موقع للمناسبة)، كإطار يحمل البطاقة الحقيقية لا صورة عنها.
ما هو التضمين
البطاقة نفسها، معروضة دون Noya حولها: لا ترويسة موقع، ولا أدوات تحرير، ولا شيء يخص من صنعها. من يقرأ صفحتك يستطيع قراءة البطاقات وإضافة بطاقته، تمامًا كما لو كان على الرابط. والبطاقة المؤطَّرة لا تفهرسها محركات البحث، وكل ما فيها يعود إلى Noya يفتح في تبويب جديد لا داخل صفحتك.
الكود
الصق هذا حيث يجب أن تجلس البطاقة، واستبدل YOUR_WALL_ID بمعرّف بطاقتك، وهو الجزء من رابطها الذي يأتي بعد /c/.
<iframe data-noya-src="https://noya.so/embed/YOUR_WALL_ID" width="100%" height="720" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>ما يمكنك تغييره
الإطار iframe عادي، فخصائصه لك تعدّلها لتناسب الصفحة التي يحل فيها.
| الخاصية | ما تفعله |
|---|---|
| width | عرض الإطار. إن تُرك على 100% أخذ عرض العمود الذي يجلس فيه. |
| height | ارتفاع الإطار، بالبكسل. الإطار لا ينمو مع نمو البطاقة، فالبطاقة الأطول من هذا تُمرَّر داخله. |
| title | اسم الإطار لقارئات الشاشة، ولمن يتصفح دون صور. |
| loading | إن تُرك على lazy، فلا تُجلب البطاقة إلا حين يقترب القارئ منها بالتمرير. |
مثال عملي
المقطع نفسه ومعه معرّف بطاقة مملوء وارتفاع مختار للصفحة التي يجلس فيها.
<iframe data-noya-src="https://noya.so/embed/b7Kq2mXsPnR4" width="100%" height="1000" style="border:0;width:100%;" title="Noya" loading="lazy" allow="camera; microphone" referrerpolicy="no-referrer-when-downgrade"></iframe>
<script>(function(d){var w="https://noya.so/noya-embed.js",v=function(){if(window.noyaEmbed){window.noyaEmbed.load()}else{d.querySelectorAll("iframe[data-noya-src]:not([src])").forEach(function(f){f.src=f.getAttribute("data-noya-src")})}};if(window.noyaEmbed){v()}else if(!d.querySelector('script[src="'+w+'"]')){var s=d.createElement("script");s.src=w;s.async=true;s.onload=v;s.onerror=v;(d.body||d.head).appendChild(s)}})(document);</script>يستحق أن تفعله
- اترك العرض على 100% لتتبع البطاقة تخطيطك بدل أن تخرج عنه.
- اختر ارتفاعًا يسعدك التمرير داخله، وارفعه حين تمتلئ البطاقة.
- أبقِ التحميل الكسول. البطاقة في أسفل الصفحة لا يجب أن تعطّل أعلاها.
- ضمّن رابط الدعوة، لا رابط التسليم أبدًا. البطاقة على صفحة نشرتها هي بطاقة يُفترض أن يكتب الناس عليها، وليس هذا ما وُجد رابط التسليم من أجله.
أين تجده في Noya
لست مضطرًا لنسخ شيء من هذه الصفحة. افتح «تضمين» في شريط أدوات البطاقة وستجد المقطع هناك ومعرّف تلك البطاقة فيه بالفعل، ومعه زر ينسخه كله.