learndl zhaket triboon excoino

Web Share API چیست؟ ابزار اختصاصی گوگل برای اشتراک گذاری

Web Share API | اشتراک گذاری اختصاصی گوگل

Web Share API یک ابزار اختصاصی گوگل

Web Share API یک امکان حرفه ای توسط توسعه دهنده نرم افزار کرم به نام Matt Giuca منتشر شده است .
با این امکان می توانید کاربر به آسانی می توانید متن یا لینک مورد نظر شما را در شبکه های اجتماعی و ایمیل های خود به اشتراک بگذارد .
بصورتی که دیگر نیازی نیست دکمه های شبکه های اجتماعی را در سایت خود قرار دهید .
چرا که با یک دکمه می توانید لینک یا محتوای وب سایت خود را در شبکه های اجتماعی و ایمیل موجود در گوشی و کامپیوتر خود به اشتراک بگذارید .

چطور از Web Share API استفاده کنیم  ؟

در این نوع api آبجکت ای ارسال می شود که باید حداقل یکی از عناصر text یا url را داشته باشد .
به نمونه زیر دقت کنید …

    <button id="shareBtn">اشتراک</button>
 
    <script>
        document.querySelector('#shareBtn')
        .addEventListener('click', event => {
 
            // Fallback, Tries to use API only
            // if navigator.share function is
            // available
            if (navigator.share) {
                navigator.share({
 
                    // Title that occurs over
                    // web share dialog
                    title: 'وبیت',
					// text to share
					text: 'طراحی سایت و قالب وردپرس',
                    // URL to share
                    url: 'https://vebeet.com/'
                }).then(() => {
                    console.log('با تشکر برای اشتراک گذاری');
                }).catch(err => {
 
                    // Handle errors, if occurred
                    console.log(
                    "خطا هنگام استفاده از Web Share API:");
                    console.log(err);
                });
            } else {
 
                // Alerts user if API not available
                alert("مرورگر از این API پشتیبانی نمی کند!");
            }
        })
    </script>

برای تسهیل در اجرای پروژه ما یک نمونه زده برای شما آماده کرده ایم :

دمو زنده Web Share API

دمو زنده Web Share API

برای استفاده از ابزار share api باید قوانین زیر را حتما رعایت کنید …

  • حتما سایت باید از پروتکل https استفاده کند
  • متد navigator.share نمیتوانید در زمان لود شدن صفحه فرخوانی کنید
  • حتما مطمئن باشید که قابلیت استفاده از این api در دسترس کاربر باشد

خوب برای استارت زدن با کمک این ابزار حتما از پست های خود برای اشتراک گذاری استفاده کنید .
چرا که پست های شما میتواند یا این روش در موتور های جستجو محبوب شوند .
همچنین این کار به رشد سئو سایت شما و ورودی مستقیم از شبکه های اجتماعی کمک کند .
با تشکر از اینکه این مقاله را تا آخر از سایت وبیت دنبال کردید .

به این مطلب امتیاز دهید

امتیاز کلی : 5 / 5. تعداد آرا : 4

اولین نفر باید که به این مطلب امتیاز میدهید

وبیت این پست توسط نگارش شده است.

اسم من محمد پورداداش هست و متولد سال 1367 در خدمت شما هستیم . تخصص من طراحی گرافیک و کدنویسی وب است و سعی خواهم کرد بهترین خدمات را به شما وبمستران و گرافیست های عزیز ارائه کنم. به ترس هات غلبه کن تا در زندگی همیشه پیروز باشی.

در کانال وبیت عضو شو تا از آخرین اخبار ، آپدیت محصولات و تخفیف ها با خبر بشی ☺ عضویت در کانال تلگرام

اشترک گذاری

مقاله های پیشنهادی

وبیت این مطالب را به شما پیشنهاد میدهد

ارسال نظر ( 0 نظر تایید )

نظرات پس از رویت و تایید مدیران نمایش داده می شود
هنوز نظری ثبت نشده است ، اولین نفری باشید که نظر میدهید !
همکاران وبیت