Laravel - 社交媒体与自定义内容共享按钮

时间:2015-01-28 09:11:25

标签: facebook laravel google-plus share-button

当我在facebook或google plus上分享页面时,如何自定义内容显示。 标题,描述,图像......等等。。当我现在在Facebook上分享我的页面时,它会添加其他所需的图像和标题。在google plus的情况下,图像被正确共享但仍然不是我需要的标题。 以下是我目前使用它们的方法:

<a href="http://www.facebook.com/sharer.php?u=http://www.mywebsite.com" target="_blank"></a>

<!-- Google+ -->
<a href="https://plus.google.com/share?url=http://www.mywebsite.com" target="_blank"></a>

任何想法如何根据我的需要定制它,或者是否有任何包可以支持我。另外,我是否需要在facebook或google plus上创建应用程序才能这样做。我只是使用分享按钮。

2 个答案:

答案 0 :(得分:2)

对于facebook分享

这样的事情

<meta property="og:title" content="title here" />
<meta property="og:image" content="image url here" />
<meta property="og:type" content="website" />

首先使用https://developers.facebook.com/tools/debug/在Facebook上调试您的网页 清除您网站上的Facebook缓存

你不必在Facebook上创建应用程序以使用分享按钮,我认为它与gplus相同,但我不确定。

或将此页面创建为共享的目标网址

<php 
    $title = 'title';
    $image = 'image';
?>
<meta property="og:title" content="{{$title}}" />
<meta property="og:image" content="{{$image}}" />
<meta property="og:type" content="website" />
<script>
    window.location = "http://www.url-to-real-shared-page";
</script>

答案 1 :(得分:0)

让我们说这是master.blade.php模板的内容

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
@yield('og')
<title>Manny Isles</title>

然后这是扩展master.blade.php

的show.blade.ph模板
@extends('layouts.master')

@section('content')
 {{ $blog->content }}
@endsection

@section('og')
<meta property="og:title" content="{{ $blog->title }}" />
<meta property="og:image" content="{{ $blog->image_url }}" />
<meta property="og:type" content="website" />
@endsection

注意@yield(&#39; og&#39;)和@section(&#39; og&#39;)