Facebook graph api Octobercms-og：图像

我已经使用octobercms和插件rainlab博客建立了一个博客。现在的问题是，我想使用特色图片作为facebook共享图片

如何做到这一点？当我转到Facebook调试器时，我可以看到徽标和我的特色图像，但一旦我共享了它，显示图像就是徽标

---

非常感谢

在您用于博客文章的页面/布局中，如果尚未添加OpenGraph标记，则需要添加这些标记

<meta property="og:url" content="http://www.yourwebsite.com" />
<meta property="og:type" content="website" />
<meta property="og:image" content="{{ this.getShareImageUrl }}" />
<meta property="og:title" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati modi illo explicabo quidem ipsa, voluptatum quibusdam, nemo veritatis enim eveniet doloribus et eius voluptate nam cum veniam, fugit. Dolorum, adipisci." />

Facebook需要这些标签来获取正确的数据。您可能会发现阅读更多关于这些标记的信息很有用

因此，您现在需要的是正确的特色图片的url，因为您很可能有多个特色图片。您可以选择按照自己的意愿编写该逻辑（因此我在上面的代码中只使用了一个方法调用），但是一旦您拥有了所需的特色图片的实例，您就可以在该实例上使用getPath（）方法来获取url（因为它是File类的实例，您可以在其上使用这些方法）

您可以在此处阅读更多文档-

就这样，返回FB debugger并按debug。如果它不起作用，试着使用另一个按钮，上面写着“获取新的刮取信息”（只在您已经按下调试按钮一次后出现），您应该会很好

---

我刚刚为一个新网站完成了这些步骤，我不得不让facebook重新努力才能让它正常工作。让我们知道这是否适合您。

在您用于博客文章的页面/布局中，如果尚未添加OpenGraph标记，则需要添加OpenGraph标记

<meta property="og:url" content="http://www.yourwebsite.com" />
<meta property="og:type" content="website" />
<meta property="og:image" content="{{ this.getShareImageUrl }}" />
<meta property="og:title" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod" />
<meta property="og:description" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati modi illo explicabo quidem ipsa, voluptatum quibusdam, nemo veritatis enim eveniet doloribus et eius voluptate nam cum veniam, fugit. Dolorum, adipisci." />

Facebook需要这些标签来获取正确的数据。您可能会发现阅读更多关于这些标记的信息很有用

因此，您现在需要的是正确的特色图片的url，因为您很可能有多个特色图片。您可以选择按照自己的意愿编写该逻辑（因此我在上面的代码中只使用了一个方法调用），但是一旦您拥有了所需的特色图片的实例，您就可以在该实例上使用getPath（）方法来获取url（因为它是File类的实例，您可以在其上使用这些方法）

您可以在此处阅读更多文档-

就这样，返回FB debugger并按debug。如果它不起作用，试着使用另一个按钮，上面写着“获取新的刮取信息”（只在您已经按下调试按钮一次后出现），您应该会很好

---

我刚刚为一个新网站完成了这些步骤，我不得不让facebook重新努力才能让它正常工作。让我们知道这是否适用于您。

这可能会很晚，但我遇到了相同的问题，并使用此代码将图像从您的博客页面传递到布局文件：-

function onEnd() {
    $_post = $this->components['blogPost'];
    if ($_post->featured_images->first()) {
        $this->page->og_image = $_post->featured_images->first()->path;
    }
}

这将允许您在布局文件中使用此标记（使用中的

）：-

{%if this.page.og_image%}
{%else%}

这可能会很晚，但我遇到了相同的问题，并使用此代码将图像从博客页面传递到布局文件：-

function onEnd() {
    $_post = $this->components['blogPost'];
    if ($_post->featured_images->first()) {
        $this->page->og_image = $_post->featured_images->first()->path;
    }
}

这将允许您在布局文件中使用此标记（使用中的

）：-

{%if this.page.og_image%}
{%else%}