Depois de criar um anúncio InFeed, insira o código no HTML do seu feed.
Onde inserir o código do seu anúncio InFeed
Insira o código do anúncio InFeed no meio do conteúdo do seu feed, ou no início ou fim dele. Você pode fazer isso diretamente editando o código HTML do seu feed ou, se estiver usando um sistema de gerenciamento de conteúdo (CMS, na sigla em inglês), possivelmente conseguirá usar um plug-in para inserir o código para você.
A configuração do anúncio InFeed pode ser parecida com o seguinte:
Bloco de conteúdo 1: |
|
Bloco de conteúdo 2: |
|
Anúncio InFeed nativo: |
|
Bloco de conteúdo 3: |
|
Bloco de conteúdo 4: |
Como inserir seu anúncio InFeed
Normalmente, o CMS terá 1) um banco de dados com o seu conteúdo e 2) um código que executa seu conteúdo por meio de um loop, criando seu feed. Você pode encontrar este código no seu arquivo de modelo, que estará armazenado na pasta de modelos do CMS (às vezes chamada pasta de temas).
Modificar o código no seu arquivo de modelo
Para colocar seu anúncio In-feed, modifique o código no seu arquivo de modelo, desta forma:
- Abra o arquivo de modelo da página em que seu feed está.
- Encontre o loop que cria seu feed. Dica: o código de loop provavelmente conterá um comando "while" ou "for each".
- Modifique o código de loop para inserir seu anúncio InFeed no feed, especificamente:
- Se seu loop não tiver um contador, adicione um para definir com que frequência você pretende que o anúncio InFeed seja inserido.
- Adicione uma instrução "if" no loop para fazer seu anúncio InFeed aparecer com a frequência que você definiu no contador.
Nós fornecemos um código pseudo abaixo. Seu código terá uma estrutura semelhante a este código pseudo, mas, dependendo da sua linguagem de programação, a implementação real poderá ser diferente.
Posts[] posts;
Var count=1; // If your code does not include a counter define one
While (count < posts.length) // Increase the value of "count" by 1 until the final post in the database
{
If (count%3=0) //If the value of "count" equals 3 or 6 or 9 insert the ad
{
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous">
</script>
<ins class="adsbygoogle" style="display:block"
data-ad-format="fluid"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
}
<h3>{{ post.title }}</h3> // for all count values insert the content block title
<p>{{ post.body }}<p> //Insert the content block body
<img src="{{ post.thumbnail}}"> //Insert the content block image
}
Importante
Certifique-se de inserir seu código de anúncio no contêiner pai (<div>
, <iframe>
etc.) que tenha o seguinte:
- Uma largura válida. Se você colocar o código do anúncio em um contêiner pai que não tenha um conjunto explícito de largura, por exemplo, em um elemento flutuante, seus anúncios não serão exibidos. Nós usamos a largura do contêiner pai para calcular a largura dos seus anúncios. A largura mínima para anúncios InFeed é de 250 px.
- Altura variável. Se você inserir o código do anúncio em um contêiner pai com altura fixa, seus anúncios poderão ficar distorcidos.