nend・nex8のエンジニア・技術ブログ2014-04-14アイコン型広告JavaScript版の調整にて広告タグお疲れ様です、tosh01です。久々ですが、今回はnendよりアイコン型広告JavaScript版が先月公開されましたので、詳細な記事を書かせていただきます。※ニュースリリースは下記参照。2014年3月19日からこのJavaScript版ですが、既存のバナータイプのnend広告同様WebViewを用いることでアプリ内にも表示可能です。既存の320x50pxのバナー広告を踏襲し横幅320pxを基準に設計されており、好きな幅に配置したい場合はアイコン個数を調整していただくか、CSS等で各広告の間隔を調整していただく必要があります。※WebViewを用いた広告タグでのアプリ内nend広告表示は下記参考。具体的にはアイコン広告のHTML構成の仕様として、各広告枠ごとにユニークなidをもつdivタグ内にul要素として下記のように各HTMLタグごとidを保持しています。[/html]サンプル様々な幅に広告を表示する一例として上記広告枠を用い、130px幅に広告を4つ2段に表示させた場合のサンプルCSSを下記に記させていただきます。50pxのアイコン画像に7.5pxのマージンを左右に持たせています。[/html]上記のようにCSSを調整していただくことで、様々な表示上の調整が可能になっているのですが、以下の詳細仕様にも目を通していただくことでさらに調整がわかりやすくなるかもしれませんのでご確認ください。アイコン型広告枠においては管理画面、広告コード取得ページよりアイコン広告のサイズを38px、58px、50pxから選択可能となっていますが、アイコン型広告枠における広告タグにあるnend_params内にはwidth、heightというパラメータがあり、この値をそれぞれ38pxから114pxの間までで変更することによりそのアイコンサイズに設定することができたりします。アイコン型広告枠においては広告コード取得ページより広告間隔の有無が設定できるのですが、広告間隔を持たせる場合、その間隔幅の算出方法は、広告の配置を中央にしているか、もしくは右か左にしている場合で異なります。具体的には、広告の配置が中央の場合は320px幅に等間隔で広告が並ぶように、配置が右か左のときはアイコンのサイズから一定の比率で間隔が設定されますが320px以上にならないよう、補正がかかります。アイコンの下にタイトルを表示させている場合、タイトルのテキストサイズはこれまた、アイコンのサイズに依存します。固定されたい場合はCSSにて、サイズを調整ください。お読みいただきありがとうございます。Are青山のアドテク会社。アドネットワークやDSPを開発・運用。サーバを止めてみたよ。インターン:実業務体験編インターンでCTR予測をしましたSearchArchiveスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。