به اشتراک گذاری محتوا در فضای مجازی

نحوه اشتراک گذاری مطالب وب‌سایت در شبکه‌های اجتماعی

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

ناگفته نماند که این عمل در افزایش ترافیک وب‌سایت شما تاثیر بسزایی دارد. چون محتوا و پست های وب سایت، بخصوص محتوای جذاب از جمله متن، ویدئو و یا حتی محتوای صوتی می تواند در شبکه های اجتماعی در معرض دید مخاطبان بیشتری قرار بگیرد و در نهایت بازدیدکنندگان وب سایت شما را افزایش می دهد.

کد اشتراک گذاری مطالب در شبکه‌های اجتماعی

توجه داشته باشید که کد اشتراک گذاری مطالب در شبکه‌های اجتماعی در صفحه‌‌ای از وب سایت شما قرار بگیرد که قصد دارید لینک اشتراک گذاری در آن فعال شود.

برای نمونه در وب‌سایت‌هایی که با وردپرس طراحی شده اند، برای اینکه دکمه‌ی اشتراک گذاری بعد از محتوا نشان داده شود، کافی است تا به به صفحه‌ی single.php  قالب ووردپرس مراجعه شود. سپس  کد ( the_content ) را یافته و بعد از این کد، کدهای اشتراک گذاری قرار داده شود.

ساخت دکمه‌ اشتراک گذاری مطالب در فیسبوک

برای ساختن دکمه اشتراک گذاری محتوا در فیس بوک از کد زیر استفاده کنید.

1 2 3<a href=”https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>” target=”_blank” title=”اشتراک در فیسبوک” rel=”nofollow” style=”background:#4267b2; “>  اشتراک گذاری در فیسبوک </a>

با استفاده از این کد می توانید دکمه‌ی اشتراک گذاری پست ها و محتوای وب سایت خود را برای فیسبوک فعال کنید.

البته می توان تصویر یک آیکون را جایگزین عبارت “اشتراک گذاری در فیسبوک” کرد. به این صورت که  به جای این عبارت متنی،  تگ Img‌ را قرار داده و یا از فونت آیکون‌هایی مانند  Font Awsome استفاده کرد.

توجه داشته باشید، اگر وب‌سایت شما با ووردپرس طراحی نشده باشد، باید آدرس صفحه ای که می خواهید مطالب آن به اشتراک گذاشته شود را در بخش the_permalink  وارد کنید.


ساخت دکمه‌ اشتراک گذاری مطالب در توییتر

کد دکمه‌ اشتراک گذاری مطالب در توییتر  نیز دقیقاً مانند کد دکمه‌ اشتراک گذاری مطالب در فیس بوک عمل می‌کند. فراموش نشود که این دستورالعمل ها مربوط به وب سایت های ووردپرسی است. توجه شود که در وب‌سایت‌هایی با طراحی به غیر از وردپرس،  عبارت the_permalink باید پاک شود.

1 2 3<a href=”https://twitter.com/share?text=text goes here&url=<?php the_permalink(); ?>” target=”_blank” title=”اشتراک در توییتر” rel=”nofollow” style=”background:#20a2f2; “>  اشتراک گذاری در توییتر </a>

ساخت دکمه‌ اشتراک گذاری مطالب در لینکدین

1 2 3<a href=”https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>/watch?v=SBi92AOSW2E” target=”_blank” title=”اشتراک در لینکدین” rel=”nofollow” style=”background:#0083be; “>  اشتراک گذاری در لینکدین </a>

ساخت دکمه‌ اشتراک گذاری در پینترست

1 2 3<a href=”//www.pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists(‘the_post_thumbnail’)) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>” data-pin-do=”buttonPin” data-pin-config=”beside” data-pin-color=”red” data-pin-height=”28″><img src=’//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_red_28.png’ alt=’Pin it’ / ></a>   <script type=”text/javascript” async defer src=”//assets.pinterest.com/js/pinit.js”></script>

اشتراک گذاری مطالب به کمک ایمیل

وارد کردن کد زیر اشتراک گذاری مطالب به کمک ایمیل را در سایت شما فعال می کند. اگر در تلفن همراه یا کامپیوتر کاربر، نرم‌افزار ارسال ایمیل نصب شده باشد، با کلیک بر روی این دکمه وارد نرم افزار ارسال ایمیل خود می‌شود. این امر باعث می شود که آدرس صفحه‌ی سایت شما در بخش محتوای ایمیل نیز قرار ‌بگیرد.

1 2 3<a href=”mailto:?subject=اشتراک صفحه‌ای از دایان&amp;body=<?php the_permalink(); ?>” title=”اشتراک با ایمیل” rel=”nofollow” style=”background:#0078d7; “>  اشتراک گذاری با ایمیل </a>


استایل دهی به دکمه‌ها

به منظور نمایش بهتر دکمه های کدهای اشتراک گذاری در صفحه ی وب سایت می توان یک تگ کلی قبل از همه ی دکمه ها قرار داد. این تگ کلی باعث می شود که همه ی دکمه های اشتراک گذاری در یک بخش نگه داشته شوند. 

برای این منظور  کد < “div class=”share-btns>  را قبل از همه‌ی این کدها قرار دهید و در انتها بعد از درج تمامی کدها تگ </div>  را جایگزین کنید. سپس به فایل استایل دهی قالب وب سایت خود وارد شوید. احتمالاً می توان نام این فایل را با عبارت  main.css‌ پیدا کرد. سپس در این فایل کدهای زیر را وارد کنید.

1 2 3 4 5 6 7 8 9.share-btns a {     font-size: 18px;     display: inline-block;     color: white;     text-align: center;     padding: 5px 12px;     width: 36px;     height:36px; }

0 پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگو شرکت کنید؟
نظری بدهید!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

18 − دوازده =