SANGOみたいにカードタイプの関連コンテンツをDIVERでも綺麗に表示させたいけどうまくいかないな。
SANGOというテーマは関連コンテンツをパソコン表示とモバイルをわけて表示できるようですが、テーマがかわると違うようです。
ということでDIVERの高木さんに相談してみました。
パソコン側で関連コンテンツを9個表示させたいんだけどどうすればいいの?という相談メールをおくりました。
お世話になっております。Diver 高木です。
関連コンテンツはAdsenceが自動で作成している記事リストですので、詳細にカスタマイズすることが出来ません。
横並びで表示させるのには向いていない広告ですので、関連コンテンツはひとつだけ設置することをおすすめいたします。
何卒、よろしくお願いいたします。
Diver 高木
関連コンテンツ終了
令和4年3月1日関連コンテンツの終了しました。何もしていないと広告だらけになります。
でも広告はカスタマイズできますよ。
関連コンテンツはMultiplex 広告とい名前になりました
この記事は
- DIVERテーマでMultiplex 広告を綺麗に表示させたい
- Multiplex 広告のカードタイプを使いたい
- Multiplex 広告カスタマイズがわからない
- 関連コンテンツが終了して広告だらけで困っている
人向けの記事でコピペで簡単にカスタマイズできます。
目次
Multiplex 広告カードタイプカスタマイズ
パソコンで見るとこんな感じにキレイになじみます。
スマホ側は下のような感じで見やすいですね。
こちらはAdSense公式ページから引用しました
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>広告カスタマイズ
DIVERテーマでMultiplex 広告をカードタイプにカスタマイズ!
DIVER画面のウィジェットをクリック
おすすめ記事エリアをクリック
モバイル側だけにMultiplex 広告の広告コードをいれる
変更したら保存する
上のMultiplex 広告に下のコードを追加します。
するとカードタイプの関連コンテンツがパソコン側とスマホ側で綺麗に表示されます。
DIVERの場合は関連コンテンツのコードはスマホだけにコピペするようにしないとパソコンで見た時、バランスが悪いです。
チェックポイント
data-ad-slot="1234567890"←の後ろに下のコードを追加する
※"1234567890"←この後ろ（ご自分のサイトに割り当てられた数字をいれてね）
data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="3" data-matched-content-columns-num="3"Multiplex 広告にコードを少し追加するだけ!
Multiplex 広告にコードを少し追加するだけでサイトになじんだ広告が表示されて自然です。
DIVERで色々試してみたけどMultiplex 広告はカードタイプが見やすいです。
カスタマイズしただけで少なくPVでもクリック率アップすること間違いなしです。
一度、挑戦してみてくださいませ。
