Fatal编程技术网
  • facebook/
  • Facebook Laravel-具有自定义内容的社交媒体共享按钮

Facebook Laravel-具有自定义内容的社交媒体共享按钮

facebook laravel google-plus

Facebook Laravel-具有自定义内容的社交媒体共享按钮,facebook,laravel,google-plus,share-button,Facebook,Laravel,Google Plus,Share Button,在facebook或google plus上共享页面时，如何自定义内容显示。标题、描述、图像等。。当我现在在facebook上分享我的页面时，它会添加一个特定的图片和标题。在谷歌+，图像是正确的共享，但标题仍然不是我需要的。 以下是我目前使用它们的方式： <a href="http://www.facebook.com/sharer.php?u=http://www.mywebsite.com" target="_blank"></a> <!-- Google+

在facebook或google plus上共享页面时，如何自定义内容显示。标题、描述、图像等。。当我现在在facebook上分享我的页面时，它会添加一个特定的图片和标题。在谷歌+，图像是正确的共享，但标题仍然不是我需要的。 以下是我目前使用它们的方式：

<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上创建应用程序才能做到这一点。我只是在使用共享按钮。

类似于facebook共享的东西

<meta property="og:title" content="title here" />
<meta property="og:image" content="image url here" />
<meta property="og:type" content="website" />
首先在facebook上使用 清除网站上的facebook缓存

你不必在facebook上创建应用程序来使用共享按钮，我认为gplus也是如此，但我不确定

或将此页面创建为要共享的目标url

<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>


window.location=”http://www.url-to-real-shared-page";
假设这是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>


@收益率（'og'）
曼尼群岛
然后，这是扩展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

@extends（'layouts.master'））
@节（“内容”）
{{$blog->content}
@端部
@节（“og”）
@端部
请注意@yield（'og'）和@section（'og'）

我认为facebook共享的标题和图像是由共享页面的meta标记决定的，对于GPLU也是如此，但对于GPLU我不确定。这里很好地解释了解决方案。。问题是上面所有内容应该放在的head标记位于我视图中加载的布局中。而且我视图中的内容会动态更改，那么每次我想要共享时，如何更改og数据？！我以前也这么做过，但我找不到答案。最后，我所做的是创建一个只有meta标记的空白页面，并编写脚本重定向到真实页面。可以使用url中的数据动态填充元内容。我知道这不是最好的方法，但对我来说很有效。你能详细说明一下吗？！我编辑我的答案，你可以从URL传递'title'和'image'变量。你也可以让你的ogs动态。只需将值从控制器传递到你的视图，并使用og:title=“{{$ogtitle}}”