ממשק ה- API של ה- Web Share נכנס מתחת לרדאר מאז הוצג לראשונה בגרסת Chrome 61 לאנדרואיד. במהותו, הוא מספק דרך להפעיל את דיאלוג השיתוף המקורי של מכשיר הסמארטפון (או בשולחן עבודה, אם אתם משתמשים בספארי) בעת שיתוף תוכן – לדוגמה קישור או איש קשר – ישירות מאתר האינטרנט או האפליקציה.
למרות שמכשירי הסמארטפון מאפשרים לבצע את השיתוף דרך סרגל הכלים של הדפדפן, המשתמש צריך לאתר את האפשרות בתפריט הדפדפן, וגם אז אין כל כך שליטה על מה שמשותף.
Web Share API מאפשר למפתחים להוסיף פונקציונליות שיתוף באפליקציות או באתרים על ידי ניצול יכולות השיתוף המובנות במכשיר המשתמש.
הקוד הבא יאפשר לכם ליצור כפתור באתר שלכם שבלחיצה עליו יפתח הדיאלוג המובנה של המכשיר.
הוראות:
- תנו את הקלאס – share-button. לאלמנט שתרצו
- תנו לאלמנט קישור עם הערך #
- על מנת שתוכלו להדביק את הקוד הבא לקובץ ה-functions.php שבתבנית הבת שלכם, יש להוסיף את הקוד הבא:
add_action('wp_footer', function() {
?>
<script>
const shareButton = document.querySelector('.share-button a');
shareButton.addEventListener('click', event => {
if (navigator.share) {
navigator.share({
title: '<?php echo get_the_title(); ?>',
url: '<?php echo get_permalink(); ?>'
}).then(() => {
})
.catch(console.error);
}
});
</script>
<?php
});
ISL Design