如何使用WordPress插件在Facebook即时文章中添加多个广告

Question

我想在Facebook即时文章中显示多个广告。我找到了此代码，我手动尝试了它。

  <section class="op-ad-template">
        <!-- Ads to be automatically placed throughout the article -->
        <figure class="op-ad">
          <iframe src="https://www.mywebsite.com/ss;adtype=banner300x250&adslot=1" height="300" width="250"></iframe>
        </figure>
        <figure class="op-ad op-ad-default">
          <iframe src="https://www.mywebsite.com/ss;adtype=banner300x250&adslot=2" height="300" width="250"></iframe>
        </figure>
        <figure class="op-ad">
           <iframe src="https://www.mywebsite.com/ss;adtype=banner300x250&adslot=3" height="300" width="250"></iframe>
        </figure>
   </section>

现在，我正在尝试通过Facebook Instant文章插件使其成为可能。我没有找到这些类型广告的设置选项。

我试图在Google上搜索，除此之外什么都找不到：https://developers.facebook.com/docs/instant-articles/sdk/transformer-rules

请帮助我！

a。如何在WordPress中使用 fb Instant Artical插件添加多个广告？

b。如何使用 fb Instant Artical插件添加不同的代码在WordPress中？

Answer 1

您可以通过添加instant_articles_transformed_element过滤器来进行此操作，以相应地修改标头。

通常在放置Facebook受众网络单元时使用这一点，但是如果您的手册代码有效，则应使用以下代码，尽管您可能需要使用查询VAR。添加到 function.php 以下：

在functions.php的顶部，添加以下内容：

use FacebookInstantArticlesElementsAd;

，然后：

/**
 * Adds multiple units to the Instant Article
 * 
 * @param Instant_Articles_Post $article
 * 
 * @return Instant_Articles_Post
 */
add_filter('instant_articles_transformed_element', function ($article) {
        // Create the base ad
        $ad = Ad::create()
                ->withWidth(300)
                ->withHeight(250)
                ->enableDefaultForReuse();
        // Retrieve the header
        $article->getHeader()
                // Add the first ad
                ->addAd(
                       $ad->withSource(
                                // This creates the URL https://www.mywebsite.com/ss;adtype=banner300x250;adslot=1
                                add_query_arg(
                                        array(
                                           'adtype' => 'banner300x250',
                                           'adSlot' => '1',
                                        ),
                                        'https://www.mywebsite.com/ss'
                                )
                        )
                )
                // Add the second ad
                ->addAd(
                        $ad->withSource(
                                // This creates the URL https://www.mywebsite.com/ss;adtype=banner300x250;adslot=2
                                add_query_arg(
                                        array(
                                           'adtype' => 'banner300x250',
                                           'adSlot' => '2',
                                        ),
                                        'https://www.mywebsite.com/ss'
                                )
                        )
                )
                // Add the third ad
                ->addAd(
                        $ad->withSource(
                                // This creates the URL https://www.mywebsite.com/ss;adtype=banner300x250;adslot=3
                                add_query_arg(
                                        array(
                                           'adtype' => 'banner300x250',
                                           'adSlot' => '3',
                                        ),
                                        'https://www.mywebsite.com/ss'
                                )
                        )
                );
        return $article;
});

使用该代码，该插件将负责其余的，并且它将自动将以下代码添加到 head 部分：

<meta property="fb:use_automatic_ad_placement" content="enable=true ad_density=default"/>

它还将在关闭标头之前添加以下内容：

<section class="op-ad-template">
              <figure class="op-ad op-ad-default">
                <iframe src="https://www.mywebsite.com/ss?adtype=banner300x250&amp;adSlot=1" width="300" height="250"></iframe>
              </figure>
              <figure class="op-ad">
                <iframe src="https://www.mywebsite.com/ss?adtype=banner300x250&amp;adSlot=2" width="300" height="250"></iframe>
              </figure>
              <figure class="op-ad">
                <iframe src="https://www.mywebsite.com/ss?adtype=banner300x250&amp;adSlot=3" width="300" height="250"></iframe>
              </figure>
</section>