WINGアイキャッチ

ブログ運営

WING(AFFINGER5)で記事下にリンクユニットとダブルレクタングルを挿入する方法

2018年12月28日

ひで
PC閲覧時の記事下にリンクユニットとダブルレクタングルを設置する方法が知りたい

この疑問にお答えします。

基本的にWINGで用意されているショートコードを利用することで簡単に実現ができます

【ウィジェット画面】からリンクユニットとダブルレクタングルを設定していきます

注意ポイント

配置の方は自己責任でお願いします!

こんな方におすすめ

  • WING(AFFINGER5)を利用している方
  • 記事下にリンクユニットとダブルレクタングルを挿入したい方

ウィジェット画面での登録はこちら

WING(AFFINGER5)で記事下にリンクユニットとダブルレクタングルを挿入する方法

こんな感じの配置になります

リンクユニットとダブルレクタングルが配置された画像

ひで
上下逆も簡単にできます

手順

  1. リンクユニットの取得 (取得している方はスルーでOK)
  2. レクタングル(336px)の取得 (取得している方はスルーでOK)
  3. ウィジェット画面で登録

詳しく説明していきます

リンクユニットの取得方法

リンクユニットを取得されていない方向けに共有します

step
1
GoogleAdsenceを開き【新しい広告ユニット】をクリック

リンクユニット設定手順1

step
2
【テキスト広告とディスプレイ広告】をクリック

テキスト広告とディスプレイ広告

step
3
任意で名前を付けて【リンク広告】をクリック

リンク広告を作成

step
4
【レスポンシブ リンク】が設定されているか確認

レスポンシブ リンク確認

step
5
任意で色を設定して【保存してコードを取得】をクリック

リニックユニットのカラー設定

 

リンクユニットを保存

step
コードをコピーして広告を設置する場所にペーストする

コードをコピー

注意

ここで取得したコードを任意のウィジェットにペーストしていきます

レクタングル(大)広告の取得方法

レクタングル広告を取得されていない方向けに共有します

step
1
GoogleAdsenceを開き【新しい広告ユニット】をクリック

リンクユニット設定手順1

step
2
【テキスト広告とディスプレイ広告】をクリック

テキスト広告とディスプレイ広告

step
3
任意で名前を付けて【長方形】をクリック

レクタングル広告設定1

step
4
【レクタングル(大)】が設定されているか確認

レクタングル広告設定2

step
5
任意で色を設定して【保存してコードを取得】をクリック

リニックユニットのカラー設定

 

リンクユニットを保存

step
コードをコピーして広告を設置する場所にペーストする

コードをコピー

注意

ここで取得したコードを任意のウィジェットにペーストしていきます

 

ウィジェット画面で広告を設定する

ウィジェット画面を開いたところからご説明します

ウィジェット画面の開き方

 

リンクユニットの登録方法

ひで
難しいことはしないので一番簡単です

step
1
【Googleアドセンス用336px(A)】に【カスタムHTML】をセットする

ウィジェット画面でリンクユニットの設定1

step
2
【カスタムHTML】に取得したリンクユニットの広告コードを貼付

ウィジェット画面でリンクユニットの設定2

アドセンスの画面にて作成した広告は【コード取得】でいつでも広告コードが取得できるようになります

広告コードの取得

GoogleAdsenceはこちら

step
【完了】をクリックすれば記事下にリンクユニットが挿入されます

カスタムHTML保存完了

ダブルレクタングル広告の設定方法

step
1
【Googleアドセンス用336px(B)】に【カスタムHTML】をセットする

ダブルレクタングルのカスタムHTML設定

step
2
WINGのショートコードを利用して広告コードを設定する

ダブルレクタングル用のコードを挿入

アドセンスの画面にて作成した広告は【コード取得】でいつでも広告コードが取得できるようになります

広告コードの取得

GoogleAdsenceはこちら

ひで
コードは下記になります

作成したレクタングル広告336pxを2か所に貼付すればOKです

※記事投稿画面の【タグ】から【レイアウト】⇒【全サイズ左右50%】でショートコードを出せます

全サイズ左右50%

step
【完了】をクリックすれば記事下にダブルレクタングルが挿入されます

カスタムHTML保存完了

まとめ

正しく設定ができると上記のような広告が表示されるはずです。

リンクユニットとダブルレクタングルを上下逆にしたい場合はソースコードを入替するだけですね

注意ポイント

新しく作成した広告ユニットは表示されるのに少し時間がかかります

設定方法はそこまで難しくはないのでぜひチャレンジしてみてください!

それでは!

この記事も読まれています

  • この記事を書いた人

ひで

ブロガー×フォトグラファー 残業ゼロの会社で働いているやればできる複業ブロガー 石川県の魅力をどどんとお届け!

-ブログ運営

Copyright© きまっし!いしかわ , 2019 All Rights Reserved.