Cara Share Web Ke Sosial Media Facebook, Twitter, Google Plus, WA (How To Share Web To Social media Facebook, Twitter, Google Plus, WA) Laravel
Kalo Kalian Tampilan nya dengan sistem templating, maka simpan script ini di induk nya :
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="/front/img/vavicon.png" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
<meta name="_token" content="{!! csrf_token() !!}"/>
<meta property="og:type" content="@yield('type')" />
<meta property="og:title" content="@yield('title')" />
<meta property="og:description" name="description" content="@yield('fb_description')" />
<meta property="og:image:url" content="@yield('image')" />
<meta property="og:image" content="@yield('image')" />
<meta property="og:url" content="@yield('url')" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="650" />
<meta property="og:image:height" content="366" />
<meta name="description" content="@yield('description')" />
<meta content="@yield('description')" itemprop="headline"/>
<meta name="thumbnailUrl" content="@yield('thumbs')" itemprop="thumbnailUrl" />
<meta property="og:site_name" content="CMYK" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image:title" content="@yield('titletwit')"/>
<meta name="twitter:description" content="@yield('description')" />
<meta name="twitter:image:src" content="@yield('imagetwit')" />
----------------------------------------------------------------------------------------------------------------
Terus untuk di blade nya di pasang script :
@section('type'){{"article"}}@stop
@section('title'){{str_replace(' ',' ',preg_replace('/\s+/',' ',substr(strip_tags(str_limit($berita->judul, 200, $end = '...')),0,160)))}}@stop
@section('isi_berita'){{str_replace(' ',' ',preg_replace('/\s+/',' ',substr(strip_tags(str_limit($berita->isi_berita, 1000, $end = '...')),0,160)))}}@stop
@if($berita->gambar)
@section('image:url'){{ url('images/berita/'.$berita->gambar) }}@stop
@endif
@if($berita->gambar)
@section('image'){{ url('images/berita/'.$berita->gambar) }}@stop
@endif
@section('fb_description'){{str_replace(' ',' ',preg_replace('/\s+/',' ',substr(strip_tags(str_limit($berita->isi_berita, 1000, $end = '...')),0,160)))}}@stop
@section('url'){{ request()->url() }}@stop
@section('titletwit'){{ $berita->judul }}@stop
@if($berita->gambar)
@section('image'){{ url('images/berita/'.$berita->gambar) }}@stop
@endif
@if($berita->gambar)
@section('thumbs'){{ url('images/berita/thumbs/'.$berita->gambar) }}@stop
@endif
@if($berita->gambar)
@section('imagetwit'){{ url('images/berita/'.$berita->gambar) }}@stop
@endif
---------------------------------------------------------------------------------------------------
Dan paling bawah di masukan script JS :
Dan paling bawah di masukan script JS :
@section('js')
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.10&appId=1695128474132497';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
@endsection
--------------------------------------------------------------------------------------------------
Untuk pemanggilan di tampilannya bisa pakai ini :
<div class="post-footer">
<h5>Share this post:</h5>
<ul class="list-inline list-inline-xs">
<li>
<a href="javascript:window.open('https://www.facebook.com/sharer/sharer.php?u={{ request()->url() }}','Facebook Share','width=500,height=500')" class="fa fa-facebook">
</a>
</li>
<li>
<a href="javascript:window.open('https://plus.google.com/share?url={{ request()->url() }}','Google plus Share','width=500,height=500')" class="fa fa-google-plus">
</a>
</li>
<li>
<a href="javascript:window.open('https://twitter.com/intent/tweet?url={{ request()->url() }}','Twitter Share','width=500,height=500')" class="fa fa-twitter">
</a>
</li>
<li>
<a href="javascript:window.open('whatsapp://send?text={{ request()->url() }}','Whatsapp Share','width=500,height=500')" class="fa fa-whatsapp">
</a>
</li>
</ul>
</div>
http://fkum.uninus.ac.id/article-detail/4
Komentar
Posting Komentar