Share Facebook OctoberCMS | Indev Web
OctoberCMS with share facebook

Hoje vamos ver algo realmente muito interessante, como usar o share do facebook com october cms.

Nas minhas ultimas experiencias com OctoberCMS notei que ao compartilhar algo no facebook, ele não renderizava as tag og, dessa forma não ia o conteudo correto como descrição, titulo e a maior preucupação do cliente, a imagem.

Então procurando na documentação do facebook , não achei nada sobre isso é que ajuda né,  porem o OctoberCMS, tem alguns recursos intressantes que ajudam nessa questão.

Primeiro vamos usar um plugin que achei bem facil de implantar.

https://octobercms.com/plugin/alxy-facebook

 

apos colocar ele na pagina, coisa que ja estamos a fazer com o OctoberCMS, no seu Layout é nele que é o pulo do gato .

você usa

{% placeholder head %}

para poder alterra o head dinamicamente, logo depois vamos para as tags do facebook, no meu caso estou usando o plugin do blog, então fica assim.

{% set post = blogPost.post %}

 
{% put head %}
 
<meta name="description" content="{{ str_limit(post.content,100) | striptags }}">
<meta name="title" content="{{ post.title}}">
<meta property="og:url" content="{{ url(post.slug)}}" />
<meta property="og:title" content="{{post.title}}" />
<meta property="og:description" content="{{str_limit(post.content,100) | striptags}}" />
<meta property="og:image:url" content="{{post.featured_images[0].thumb(600, 500)}}" />
<meta property="og:image:width" content="600" />
<meta property="og:image:height" content="500" />
<meta property="og:image:alt" content="{{post.title}}" />
 
{% endput %}

dessa forma pego as informações do post, passo para as tags, e insiro no cabeçalho, depois disso é so testar no depurador do face.

https://developers.facebook.com/tools/debug

Tags
Comentario