laravel-easy-share

Laravel EasyShare is a fully customized and easy to use social share buttons component.

It is as easy as count to four

1. Install

$ composer require vpominchuk/laravel-easy-share

2. Publish sample config file

$ php artisan vendor:publish --tag=easy-share-config

3. Add a component to your view.

<x-easy-share />

4. Add some CSS styles:

.easy-share {
    display: flex;
}

.easy-share li {
    margin-right: 1.5rem;
}

and you are ready to go!

Available social networks

• Facebook
• Twitter
• LinkedIn
• Whatsapp
• Viber
• Telegram

Managing social networks

You can easily add/remove/enable/disable available social networks. Just open config/easy-share.php file and add any social network you like.

Configuration options

Option name	Description
url	Social network share url. It should include following keys: {url} - will be replaced with your. {title} - may be overwritten with your page title. {summary} - used for LinkedIn only, ok, let it be...
allowed	To Enable / Disable
class	Add any custom class to current share link
content	To be placed as a content for <a href=''>$content</a> tag. Can be used to display any SVG icon or other text or even HTML
title	To be placed as title attribute for <a href='' title='$title'>...

Using SVG icons

To use your own SVG icons just put content of your SVG icon file into content key of configuration file for the necessary icon.

Using Fontawesome or other icons library

The same as with SVG, just put <i class="fa-brands fa-twitter"></i> into content key of the config file.

Component parameters

By default, you can use <x-easy-share /> without any attributes, it will detect current url of the page, but will not detect page title.

Option name	Description
url	Page URL to be shared. Example: <x-easy-share url="https://example.com/" />
title	Page title. Use :title="$title" to pass title from variable or title="My page title" to pass as text
summary	Page summary. Used for LinkedIn only.
allow	Allows you to enable disabled social links. Pass multiple social links via comma: allow="pinterest,reddit"
disable	Disable some social links. Pass multiple social links via comma: disable="pinterest,reddit"

Custom attributes can be passed to custom template.

Using custom view (template)

To use custom template, just create a folder easy-share under resources/views/ and put your custom template in it.

<ul class="easy-share">
    @foreach($services as $name => $service)
    <li class="easy-share-{{$name}} {{$service['class'] ?? ''}}">
        <a href="{{$service['url'] ?? '#'}}" target="_blank" title="{{$service['title']}}">{!! $service['content'] ?? '' !!}</a>
    </li>
    @endforeach
</ul>

Custom attributes in <x-easy-share /> component will be passed to your custom template.

All Kebab Cased and Snake Cased attributes will be transformed to Camel Case, for example:

<x-easy-share my-first-attribute="1" my_second_attribute="2" />

will be transformed to {{$myFirstAttribute}} and {{$mySecondAttribute}}.

Getting share links as a PHP array

You can use EasyShare facade to get plain PHP array of share links. Example:

use Illuminate\Support\Facades\URL;
use \VPominchuk\EasyShare\Facades\EasyShare;

$url = URL::current();
$easyShare = EasyShare::setUrl($url);
$array = $easyShare
    ->setTitle($pageTitle)
    ->setSummary($summary)
    ->getServices();

There are two additional methods:

Method	Description
setAllowed(array)	Enable some social share links. $easyShare->setAllowed(["reddit", "pinterest"]);
disable(array)	Disable some social share links. $easyShare->setAllowed(["reddit", "pinterest"]);

Security

If you discover any security related issues, please use the issue tracker.

Credits

• Vasyl Pominchuk

License

The MIT License (MIT). Please see License File for more information.