Jumat, 08 Desember 2017

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('&nbsp;',' ',preg_replace('/\s+/',' ',substr(strip_tags(str_limit($berita->judul, 200, $end = '...')),0,160)))}}@stop

@section('isi_berita'){{str_replace('&nbsp;',' ',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('&nbsp;',' ',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 :

@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


Tidak ada komentar:

Posting Komentar