Question

我找到了这个示例http://wearevanity.co，其中每个页面都会加载新广告。

除了Tumblr允许的最大帖子数量。广告会自动调整为页面布局，这样就可以添加到博客的外观中。

有谁知道如何实现这一目标？如果是的话，请你一步一步向我们解释一下吗？

Answer 1

使用{block:Post6}和{block:Post12}显示第6和第12个帖子的内容。 Documentation here

使用示例：

{block:Posts}
    {block:Photo}Your content blocks here{/block:Photo}
    {block:Video}Your content blocks here{/block:Video}

    {block:Post6} Your ad code here{/block:Post6}
    {block:Post12}Your ad code here{/block:Post12}
{/block:Posts}

Answer 2

添加此

{block:Post6} Your ad code here{/block:Post6}
{block:Post12}Your ad code here{/block:Post12}

以上{/block:Posts}添加广告。

Answer 3

我发现解决方案和广告看起来很棒，并且拥有自己的照片边框，增加了博客的外观。我使用了bfred的方法并将广告代码放在了

之前

{/block:Posts}

然而，即使广告是在帖子6和12之后加载的，它们也在这些帖子中，共享相同的照片边框，而且并没有加起来整个主题的外观。所以我查找了导致照片组织并在网格上有自己空间的代码行。就我而言，这就是这句话：

<article id="{PostID}" class="entry{block:HasTags}
{block:Tags} tag-{Tag}{/block:Tags}
{/block:HasTags}{block:Photo} photo-border{/block:Photo}">

一旦我找到它，在尝试不同的位置后，我终于将这条线放在

中

{block:Post6} {/block:Post6}

我还必须更改广告的尺寸，以便宽度可以与我博客上的照片帖子的宽度相匹配。所以最终的代码如下：

{block:Post6}

<article id="{PostID}" class="entry{block:HasTags}
{block:Tags} tag-{Tag}{/block:Tags}    
{/block:HasTags}{block:Photo} photo-border{/block:Photo}">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- page -->
<ins class="adsbygoogle"
 style="display:inline-block;width:264px;height:250px"
 data-ad-client="ca-pub-7147439154267017"
 data-ad-slot="1006289886"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</article>

{/block:Post6}


{block:Post12}

<article id="{PostID}" class="entry{block:HasTags}
{block:Tags} tag-{Tag}{/block:Tags}     
{/block:HasTags}{block:Photo} photo-border{/block:Photo}">

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- page -->
<ins class="adsbygoogle"
 style="display:inline-block;width:264px;height:250px"
 data-ad-client="ca-pub-7147439154267017"
 data-ad-slot="1006289886"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


</article>

{/block:Post12}

如何在每个x帖子中添加Google Adsense？

3 个答案: