Documentação do Steamworks
Widget da loja

Visão geral

Para qualquer jogo com opção de compra na Loja Steam, é possível criar um widget com informações sobre o produto, preço atual, quaisquer descontos e um botão de compra para ajudar a promover o seu produto em qualquer lugar.

widget-example-firewatch-purchase.png

widget-example-manor-upcoming.png

Funcionalidades do widget

Um widget criado para um jogo lançado exibirá um botão de compra e o preço do jogo. Nesse caso, clicar no botão "Comprar no Steam" do widget levará o usuário ao site do Steam com o produto já no carrinho, bastando apenas concluir o processo de compra com a forma de pagamento de preferência, incluindo o saldo da Carteira Steam.

O widget do Steam para um jogo não lançado exibirá um botão "Adicionar à lista de desejos" no lugar do botão "Comprar no Steam".

Criação do widget

Para criar o widget do Steam, acesse a página pública do produto na Loja Steam. O widget é atualizado sempre que alterar o preço, aplicar um desconto, adicionar plataformas ou alterar a imagem de marca.

  1. No lado direito da página do seu produto na Loja Steam, clique no botão "Embed";
  2. Se houver mais de uma opção de compra, será solicitado que escolha dentre elas (e o preço) qual deseja exibir no widget.
  3. Haverá também um campo com a primeira parte da descrição do produto. É possível editá-lo para exibir o que desejar sobre o produto;
  4. Clique em "Criar widget";
  5. Uma prévia do widget será exibida junto ao código HTML, que deverá ser copiado e colado no seu site ou blog em que será exibido.

Medição de interações

As estatísticas de UTM do Steam fornecem dados de acessos e conversões para widgets da loja. Por padrão, o botão de compra e os links para a página da loja no widget incluirão o parâmetro UTM "utm_source=steamwidget". Portanto, para consultar os dados de acessos e conversões para o seu widget, basta acessar o painel de estatísticas de UTM e, no menu "Fonte", selecionar "steamwidget".

Você também pode incluir os seus próprios parâmetros UTM no link do iframe do widget do Steam para rastrear conversões de cada lugar em que o widget foi incorporado. Esses parâmetros serão inclusos nos links do widget que levam à página da loja. Caso defina uma fonte (utm_source) diferente, a fonte "steamwidget" será substituída. Exemplo:
<iframe src="https://store.steampowered.com/widget/500/?utm_source=paginainicial&utm_campaign=minhacampanha"></iframe> // Os parâmetros UTM são inclusos nos links do widget que levam à página da loja, como: <a href="https://store.steampowered.com/app/500/?utm_source=paginainicial&utm_campaign=minhacampanha"/>