scriptable.dev ← כל הרכיבים
@1.0.0 שיתוף ללא תלויות

כפתורי שיתוף

שיתוף לרשתות חברתיות — צף עם תפריט, או מוטמע ישירות בדף. בחרו רשתות, סדר, כיוון פתיחה ופריסה.

דוגמאות שימוש

// צף, נפתח כלפי מעלה (ברירת מחדל)

<script src="https://scriptable.dev/share@1.0.0.js"
  data-networks="whatsapp,facebook,telegram,twitter,linkedin,copy"
  data-text="כתבה מעניינת"></script>

// צף, נפתח ימין לשמאל

<script src="https://scriptable.dev/share@1.0.0.js"
  data-networks="whatsapp,telegram,copy"
  data-direction="left"></script>

// מוטמע — אופקי

<div id="share-box"></div>
<script src="https://scriptable.dev/share@1.0.0.js"
  data-networks="whatsapp,facebook,telegram"
  data-target="#share-box"
  data-layout="horizontal"></script>

// מוטמע — אנכי

<div id="share-box"></div>
<script src="https://scriptable.dev/share@1.0.0.js"
  data-networks="whatsapp,telegram"
  data-target="#share-box"
  data-layout="vertical"></script>

רשתות נתמכות

whatsapp
facebook
telegram
twitter
linkedin
email
copy

הסדר ב-data-networks קובע את סדר הכפתורים.

Attributes

Attributeברירת מחדלתיאור
data-networkswhatsapp,facebook,telegram,twitterרשתות מופרדות בפסיק, לפי הסדר הרצוי
data-textכותרת הדףטקסט שיצורף לשיתוף
data-urlURL הנוכחיURL לשיתוף
data-directionupup / left — כיוון פתיחת התפריט הצף
data-target—CSS selector — מצב מוטמע (ללא floating, ללא coordinator)
data-layouthorizontalhorizontal / vertical — רק במצב מוטמע

Changelog

2026-08-13
v1.0.0 — גרסה ראשונה
  • 7 רשתות: WhatsApp, Facebook, Telegram, X, LinkedIn, Email, Copy
  • Floating עם data-direction (up / left)
  • Inline עם data-target ו-data-layout (horizontal / vertical)
  • סדר רשתות לפי data-networks
  • תמיכה ב-window.__sAnalytics

איך הרשתות בוחרות תמונה וכותרת

כשמשתמש משתף קישור, הרשת החברתית מגיעה לדף וקוראת את ה-OG tags מה-HTML — לא מהכפתור. כדי לשלוט בפריוויו, הוסיפו לכל דף:

<meta property="og:title"   content="כותרת לשיתוף">
<meta property="og:description" content="תיאור קצר">
<meta property="og:image"   content="https://example.com/share.jpg">
<meta property="og:url"     content="https://example.com/page">

הערה: WhatsApp ו-Telegram כוללים גם את data-text ישירות בהודעה, ללא תלות ב-OG tags.

רישיון

MIT License — חינמי לשימוש בכל פרויקט, מסחרי או אישי.

בקשו פיצ'ר · דווחו על באג

פתח issue ב-GitHub ↗