محبرة للمطورين — زر المشاركة

⚡ البداية السريعة — سطر واحد

انسخ هذا الكود وألصقه بجانب أزرار المشاركة في موقعك:

<a href="https://www.mihbara.site/share?url=URL_OF_YOUR_ARTICLE&title=ARTICLE_TITLE"
   target="_blank"
   rel="noopener"
   title="شارك على محبرة">
  شارك على محبرة ✍️
</a>

💡 نصيحة: استبدل URL_OF_YOUR_ARTICLE برابط المقال و ARTICLE_TITLE بعنوان المقال. التشفير (URL encoding) تلقائي في المتصفحات الحديثة.

👁️ معاينة الزر

📋 معاملات الرابط (Parameters)

الرابط الأساسي: https://www.mihbara.site/share?...

المعامل	الوصف	الحالة
`url`	رابط المقال أو الصفحة	مطلوب
`title`	عنوان المقال	اختياري
`text`	نص إضافي أو اقتباس	اختياري

📰 أمثلة لمواقع إخبارية

1 مقال بسيط

https://www.mihbara.site/share?url=https://news.example.com/article/123&title=عنوان الخبر

2 مقال مع اقتباس

https://www.mihbara.site/share?url=https://news.example.com/article/123&title=خبر عاجل&text=نص مقتطف من المقال

3 HTML ديناميكي (WordPress / أي CMS)

<a href="https://www.mihbara.site/share?url={article_url}&title={article_title}"
   target="_blank"
   rel="noopener"
   style="display:inline-flex;align-items:center;gap:6px;background:#1a1a2e;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;text-decoration:none;">
  ✍️ شارك على محبرة
</a>

⚙️ JavaScript — مشاركة ديناميكية

للمواقع التي تولّد المحتوى ديناميكياً:

function shareOnMihbara(url, title, text) {
  const params = new URLSearchParams();
  params.set('url', url);
  if (title) params.set('title', title);
  if (text) params.set('text', text);
  window.open(
    'https://www.mihbara.site/share?' + params.toString(),
    '_blank',
    'width=600,height=500'
  );
}

// الاستخدام:
shareOnMihbara(
  window.location.href,
  document.title,
  'اقرأ هذا المقال الرائع!'
);

زر مع تلبيس تلقائي من الصفحة الحالية

<button onclick="shareOnMihbara(location.href, document.title)"
   style="background:#1a1a2e;color:#fff;padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:14px;">
  ✍️ شارك على محبرة
</button>

<script>
function shareOnMihbara(url, title, text) {
  var p = new URLSearchParams();
  p.set('url', url);
  if (title) p.set('title', title);
  if (text) p.set('text', text);
  window.open('https://www.mihbara.site/share?' + p, '_blank', 'width=600,height=500');
}
</script>

📝 WordPress — إضافة سريعة

أضف هذا الكود في ملف single.php أو عبر Custom HTML Widget:

<a href="https://www.mihbara.site/share?url=<?php echo urlencode(get_permalink()); ?>&title=<?php echo urlencode(get_the_title()); ?>"
   target="_blank"
   rel="noopener"
   class="mihbara-share-btn">
  ✍️ شارك على محبرة
</a>

🔄 كيف يعمل؟

عندما يضغط الزائر على زر "شارك على محبرة":

يُفتح رابط المشاركة مع عنوان المقال ورابطه
إذا كان تطبيق محبرة مثبّت → يُفتح مباشرة مع المحتوى جاهز للنشر
إذا لم يكن مثبّت → تظهر صفحة لتحميل التطبيق من Google Play