• Contact Us
Tuesday, December 20, 2022
-18 °c
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Teman Ngoding
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English
No Result
View All Result
Plugin Install : Cart Icon need WooCommerce plugin to be installed.
Teman Ngoding
No Result
View All Result

Integrasi Social Media Share di Laravel

admin by admin
September 1, 2022
in Laravel, Tutorial
0 0
0
Home Tutorial Laravel

This post is also available in: English

Hallo apa kabar teman semuanya, semoga kalian sehat dan sukses selalu. Kembali lagi bersama mantan programmer, kali ini kita akan membahas cara integrasi Social Media Share dengan Laravel.

Kita akan implementasi social media share di setiap halaman menggunakan paket jorenvanhocht/laravel-share. Kita akan membuat button dari setiap halaman yang akan kita gunakan untuk membagi konten di setiap social media yang telah kita aktifkan.

Social media sangat membantu untuk meningkatkan jumlah pengunjung website dan ini merupakan promosi gratis. Agar fitur ini berjalan maka kita harus install paket jorenvanhocht/laravel-share, kalian dapat download menggunakan composer.

Ini adalah library berbasis PHP yang memungkinkan Anda menghasilkan berbagai tautan berbagi sosial. Setelah menginstal paket ini ke dalam proyek Anda, Anda akan dapat membuat tautan berbagi sosial untuk Facebook, Twitter, Linkedin, WhatsApp, Reddit, dan Telegram.

Ikuti beberapa tahapan cara intergasi social media share sebagai berikut:

  • Download Laravel App
  • Tambahkan laravel paket share
  • Tambahkan Controller
  • Tambahkan Route
  • Buatlah View
  • Start Application

kalian dapat mempelajari tutorial yang lainnya di sini:

Integrasi Paypal Payment Gateway Dengan Laravel

Error Handling di Laravel

Membuat Rating dan Ulasan Dengan Laravel

Download Laravel App

Kita mulai dengan membuat project laravel baru kita, menggunakan composer.

composer create-project --prefer-dist laravel/laravel laravel-socmed
cd laravel-socmed

Tambahkan laravel paket share

Dalam tampilan Anda, buka layar terminal, selanjutnya ketik perintah yang disarankan, setelah itu tekan enter untuk mulai menginstal perpustakaan berbagi laravel.

composer require jorenvanhocht/laravel-share

Register Laravel Share

Pastikan untuk mendaftarkan paket library yang telah kita install di file config/app.php.

<?php
  return [
    'providers' => [
        ...
        ...        
        Jorenvh\Share\Providers\ShareServiceProvider::class,
    ];
    'aliases' => [
        ...
        ...                
        'Share' => Jorenvh\Share\ShareFacade::class,
    ];
  ];

Dan buka kembali terminal masukan perintah ini.

php artisan vendor:publish --provider="Jorenvh\Share\Providers\ShareServiceProvider"

Tambahkan Controller

Buat file controller menggunakan php artisan untuk memasukan kode media share. Ini merupakan fungsi utama yang akan kita buat.

php artisan make:controller SocialShareButtonsController

Sesuaikoan kode seperti di bawah ini

File app/Http/Controllers/SocialShareButtonsController.php.

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class SocialShareButtonsController extends Controller
{
    public function ShareWidget()
    {
        $shareComponent = \Share::page(
            'https://www.positronx.io/create-autocomplete-search-in-laravel-with-typeahead-js/',
            'Your share text comes here',
        )
        ->facebook()
        ->twitter()
        ->linkedin()
        ->telegram()
        ->whatsapp()        
        ->reddit();
        
        return view('posts', compact('shareComponent'));
    }
    
}

Tambahkan Route

Kalian perlu menambahkan route di route/web.php. Ini akan menghubungkan view dengan controller yang kita buat.

<?php
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\SocialShareButtonsController;
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
*/
Route::get('/social-media-share', [SocialShareButtonsController::class,'ShareWidget']);

Buatlah View

Sekarang kita akan buat view untuk menampilkan button share di resources/views. Berikan nama post.blade.php. Import bootstrap dan buatlah beberapa baris css.

 File resources/views/posts.blade.php.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Implement Social Share Button in Laravel</title>
        
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
        <style>
            div#social-links {
                margin: 0 auto;
                max-width: 500px;
            }
            div#social-links ul li {
                display: inline-block;
            }          
            div#social-links ul li a {
                padding: 20px;
                border: 1px solid #ccc;
                margin: 1px;
                font-size: 30px;
                color: #222;
                background-color: #ccc;
            }
        </style>
    </head>
    <body>
        <div class="container mt-4">
            <h2 class="mb-5 text-center">Laravel Social Share Buttons Example</h2>
            {!! $shareComponent !!}
        </div>
    </body>
</html>

Start Application

Setelah beberapa file kita buat, maka langkah selanjutnya jalankan aplikasi menggunakan terminal.

php artisan serve
http://127.0.0.1:8000/social-media-share
Laravel Social Share

Demikian tutorial kali kali ini yang dapat saya buat, semoga bermanfaat.

Terimakasih.

Tags: laravel
ShareTweetShare
admin

admin

Next Post
Flutter Widget Structure

Tutorial Flutter Part 3 : Struktur Widget Pada Flutter

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

  • Trending
  • Comments
  • Latest
Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

Tutorial CodeIgniter 4 part 1 ~ RESTful API JWT Authentication

June 2, 2022
Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

Codeigniter 4 ~ Membuat Notifikasi Menggunakan SweetAlert

June 8, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

May 30, 2022
REST API Login dan Register Node.js dengan JWT

REST API Login dan Register Node.js dengan JWT

July 28, 2022
Tutorial Codeigniter 4 ~ Login dan Register

Tutorial Codeigniter 4 ~ Login dan Register

5
Rekomendasi tempat belajar pemrograman

Rekomendasi tempat belajar pemrograman

3
Menghilangkan Public dan Index.php dari URL Codeigniter 4

Menghilangkan Public dan Index.php dari URL Codeigniter 4

2
Membuat Sitemap Otomatis Codeigniter 4

Membuat Sitemap Otomatis Codeigniter 4

1
Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022
WEB CRUD LocalStorage Menggunakan JavaScript

WEB CRUD LocalStorage Menggunakan JavaScript

September 22, 2022
DOM dan GOM Javascript

Perbedaan BOM Dan DOM Pada JavaScript

September 20, 2022
Teman Ngoding

Teman Ngoding tempat berbagi tutorial pemrograman
Read more

Categories

  • Berita
  • C++
  • Codeigniter
  • Events
  • Flutter
  • Golang
  • Java
  • Javascript
  • Laravel
  • MongoDB
  • News
  • Node JS
  • Pemrograman
  • PHP
  • Problem Solution
  • React JS
  • SQL
  • Tutorial
  • TypeScript
  • TypeScript
  • Video Codeigniter
  • Video Git
  • Video Laravel
  • Video Tutorial

Tags

ajax belajar golang belajar reactjs blog browser seluler Cara mendapatkan Uang dari Blog codeigniter codeigniter 3 codeigniter 4 codeigniter4 embed html Error Handling flutter flutter vs react native golang golang dasar html infinite scroll javascript javascript tutorial laravel laravel 8 laravel9 laravel 9 load more ajax Menggunakan Multiple select2 dan menyimpan dengan format json mongodb nodejs pdf pemrograman ajax pemrograman golang pemrograman php reactjs reactjs tutorial reactjs vs react native rest api rest api codeigniter 4 tutorial codeigniter 4 tutorial golang tutorial javascript tutorial laravel tutorial laravel 8 tutorial nodejs tutorial reactjs uang dari blog

Recent News

Access MongoDB With Node.JS

Akses MongoDB Dengan Node.JS

September 26, 2022
Teorema Structured Control

Basic Programming – Structured Control Theorem

September 23, 2022

© 2022 Teman Ngoding.

No Result
View All Result
  • Home
  • Tutorial
    • Laravel
    • Codeigniter
    • PHP
    • Golang
    • Java
    • Javascript
    • React JS
    • SQL
    • Problem Solution
  • Video Tutorial
    • Video Laravel
    • Video Codeigniter
    • C++
    • Video Git
  • Events
  • Berita
  • Donate
  • Indonesia
    • English

© 2022 Teman Ngoding.

Login to your account below

Forgotten Password?

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
  • English
  • Indonesia