Gerando dinamicamente meta tags Open Graph do Facebook

Criar metatags dinâmicas Open Graph pode ser uma tarefa desafiadora. Neste tópico, um desenvolvedor encontra um problema ao tentar implementar esta funcionalidade.

Parâmetros de URL dinâmicos

A chave para metatags dinâmicas do Open Graph está na criação de URLs que incluir parâmetros. Isso permite que o servidor determine quais dados usar para as metatags. No código de exemplo fornecido, um script PHP é usado para analisar os parâmetros e gerar as meta tags necessárias.

Por exemplo, o URL a seguir pode especificar os parâmetros de tipo, localidade, título, imagem e descrição dinamicamente:

http://mysite.com/index.php?type=restaurant&locale=de_DE&title=stalone&image=arnold&description=hi

Estrutura de meta tags

As próprias meta tags devem estar em conformidade com propriedades e namespaces específicos. No código fornecido, as seguintes meta tags são geradas dinamicamente:

• og:site_name
• og:url
• og:type
• og :locale
• og:title
• og:image
• og:description

A meta tag og:url é particularmente crucial, pois especifica o URL final que o depurador do Facebook deve visitar.

Ações de publicação

Depois que as meta tags dinâmicas estiverem implementadas, será possível publicar ações no stream do usuário. O snippet de código fornecido demonstra como publicar uma ação "have_lunch" com parâmetros personalizados:

FB.api('me/MY_APP_NAMESPACE:have_lunch?\
    start_time=2000-12-12T04:00:00&\
    expires_in=7200&\
    restaurant='   encodeURIComponent(getRedirectURI()   '?type=restaurant'   '&description=arnold'   '&title=stalone'), 'post', function (response) {
        // Handle response
    });

Ao gerar meta tags e parâmetros dinamicamente, é possível criar experiências Open Graph personalizadas que atendem ao conteúdo específico da página ou às ações do usuário.