Laravel Add Share Social Media Button Example Tutorial

Jun 25, 2021 . Admin

Hello Friends,

Now let's see example of how to add share social media button in laravel. This is a short guide on laravel if add share social media button. We will use how to use add share social media button in laravel. Here you will learn how to use add share social media button in laravel. Let's get started with how to add share social media button in laravel.

Here i will give you many example how you can add share social media button in laravel.

Step 1 : Install Laravel 8

we need to get fresh laravel 8 version application So let's open terminal and run bellow command to install fresh laravel project.

composer create-project --prefer-dist laravel/laravel blog
Step 2 : Install "jorenvanhocht/laravel-share" Package

You have to need jorenvanhocht/laravel-share package. So let's open terminal and run bellow composer command.

composer require jorenvanhocht/laravel-share

Now, Run succefully above command then after open config/app.php and put the bellow code

Path: config/app.php

'aliases' => [
    'Share' => Jorenvh\Share\ShareFacade::class,
]

After publish config file using bellow command so lets open terminal and run bellow command:

php artisan vendor:publish --provider="Jorenvh\Share\Providers\ShareServiceProvider"
Step 3 : Add Route

We need to add route for share social in laravel application.

Path: routes\web.php

<?php
    use App\Http\Controllers\ShareSocialLinkController;

    /*
    |--------------------------------------------------------------------------
    | Web Routes
    |--------------------------------------------------------------------------
    |
    | Here is where you can register web routes for your application. These
    | routes are loaded by the RouteServiceProvider within a group which
    | contains the "web" middleware group. Now create something great!
    |
    */

        Route::get('/share-social-link', [ShareSocialLinkController::class,'shareSocialLink']);
    });
?>
Step 4 : Create Controller

Here this step now we should create new controller as ShareSocialLinkController.

php artisan make:controller ShareSocialLinkController

Path: app/http/controller/ShareSocialLinkController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

class ShareSocialLinkController extends Controller
{
    public function shareSocialLink()
    {
        $socialShareLink = \Share::page(
            'https://www.mywebtuts.com/blog/laravel-custom-foreign-key-name-example',
            'Laravel Custom Foreign Key Name Example',
        )
        ->facebook()
        ->twitter()
        ->reddit()
        ->linkedin()
        ->whatsapp()
        ->telegram();
        
        return view('share-social-link', compact('socialShareLink'));
    }
}
Step 5 : Create Blade File

In last step. we have to create blade file for list of social button. So finally you have to create following file and put bellow code:

Path: /resources/views/share-social-link.blade.php

<!DOCTYPE html>
<html>
    <head>
        <title>How to Add Share Social Media Button in Laravel - Mywebtuts.com</title>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js" integrity="sha512-XKa9Hemdy1Ui3KSGgJdgMyYlUg1gM+QhL6cnlyTe2qzMCYm4nAZ1PsVerQzTTXzonUR+dmswHqgJPuwCq1MaAg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css" integrity="sha512-P5MgMn1jBN01asBgU0z60Qk4QxiXo86+wlFahKrsQf37c9cro517WzVSPPV1tDKzhku2iJ2FVgL67wG03SGnNA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
        <style type="text/css">
            li{
                list-style: none;
                background: #e2e2e2;
                margin-left: 5px;
                text-align: center;
                border-radius:5px;
            }
            li span{
                font-size: 20px;
            }
            ul li{
                display: inline-block;
                padding: 10px 10px 5px;
            }
            #social-links{
                float: left;
            }
        </style>
    </head>
    <body class="bg-dark">
        <div class="row mt-5">
            <div class="col-md-6 offset-3">
                <div class="card">
                    <div class="card-header">
                        <h5>How to Add Share Social Media Button in Laravel - Mywebtuts.com</h5>
                    </div>
                    <div class="card-body">
                        <strong class="float-left pt-2">Social Media : </strong>
                        {!! $socialShareLink !!}
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>

Now run bellow command for quick run:

php artisan serve

Now open bellow URL on your browser:

localhost:8000/share-social-link

It will help you....

#Laravel