Integrate Social Share Feature In Website Using Laravel
Social media nowadays play a vital role in todays life. Most of the people pass time in social media. While developing website we should keep in mind to integrate social media sharing features. Here we will demonstrate how to integrate social media sharing feature in laravel based website sdfsdf
create laravel project
composer create-project --prefer-dist laravel/laravel demoproject
create blade file for view html
resources/views/view-post.blade.php
edit blade file and paste below content
Here below we have used bootstrap. Use required design according to need
<div class="row">
<div class="col-md-12">
<!-- Social Media Share Buttons -->
<div class="mt-2">
<h4>Share this post:</h4>
<a href="https://www.facebook.com/sharer/sharer.php?u={{ urlencode(url()->current()) }}" target="_blank" class="btn btn-primary btn-sm my-2 btn-social">
<i class="fab fa-facebook-f"></i> Facebook
</a>
<a href="https://api.whatsapp.com/send?text={{ urlencode($singlePost->title . ' ' . url()->current()) }}" target="_blank" class="btn btn-success btn-sm btn-social">
<i class="fab fa-whatsapp"></i> WhatsApp
</a>
<a href="https://twitter.com/intent/tweet?url={{ urlencode(url()->current()) }}&text={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-info btn-sm my-2 btn-social">
<i class="fab fa-twitter"></i> Twitter
</a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url={{ urlencode(url()->current()) }}&title={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-primary btn-sm my-2 btn-social">
<i class="fab fa-linkedin-in"></i> LinkedIn
</a>
<a href="https://pinterest.com/pin/create/button/?url={{ urlencode(url()->current()) }}&media={{ urlencode($singlePost->image_url) }}&description={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-danger btn-sm btn-social">
<i class="fab fa-pinterest"></i> Pinterest
</a>
<a href="https://reddit.com/submit?url={{ urlencode(url()->current()) }}&title={{ urlencode($singlePost->title) }}" target="_blank" class="btn btn-dark btn-sm btn-social">
<i class="fab fa-reddit"></i> Reddit
</a>
<a href="mailto:?subject={{ urlencode($singlePost->title) }}&body={{ urlencode($singlePost->title . ' ' . url()->current()) }}" class="btn btn-warning btn-sm btn-social">
<i class="fas fa-envelope"></i> Email
</a>
</div>
</div>
</div>Social share icons should look like below
You can add below css in your style file if is required
.btn-social {
font-size: 16px;
padding: 10px 11px;
border-radius: 30px;
margin-right: 10px;
}
.btn-social i {
margin-right: 8px;
}
