メインイメージ

2016.02.29 運営者様向け

番外編:うっぴょの【ネイティブアドlite】体験記G~炭火焼肉放蕩編~


 
 

皆さまこんにちは!またはこんばんは!
いつかガーグァの卵で特大オムライスが作りたい。そんな夢を見てみたい。
猪突猛進即乙野郎 うっぴょ でございます。いのちをだいじに!

 
 


 うっぴょ(メス)
学生時代にガラケーサイトを運営。数か月で飽きる。
htmlの知識は初心者。どのようなサイトを運営していたかは 
かたくなに くちを とざしている。「キリ番」「拍手」「ミラー」
「ゾロ目」という呪文を唱えると頭を抱えてうめき声をあげる。

 
 

さて、どうでもいい私のプライベート情報をさらしたところで
今日はいつものMAISTチームブログ番外編です。

 

約1ヶ月前、MAISTでは【ネイティブアドlite】をリリースいたしました!
リリース以降、続々と問い合わせをいただいております。
皆さまご興味をお持ちいただき誠にありがとうございます。
(リリース文はこちら

 
 

でも、【ネイティブアドlite】って
そもそもどれだけ【lite】なの?

 
 

そうお考えの運営者様、少なからずいらっしゃるのではないのでしょうか?

 

というわけで!今回はサイト運営ほぼ初心者のうっぴょが、
どれだけ【lite】(簡単)にできるのか!
本当に【lite】(簡単)なのか!
そちらを体験および検証して皆さまにお伝えしようと思います。

 
 

全然【lite】でなければ
発案者の方に焼肉をおごってもらい・・・たいな~~~

 
 

 
そもそもネイティブ広告って?~うっぴょのざっくり用語説明~
⇒サイトのデザインに合わせて自分でカスタマイズできる広告形態のことです。ざっくり。
 

 
 
 
 

1.広告枠の申請

 

まずは広告枠の申請ですね。
 
【ネイティブアドlite】ご申請方法について 記事はこちら

 

こちらは従来のバナーの申請と変わりません。
さくさく次にいきます。
 
 
 
 

2.liteタグ編集

 

さてここからです。
本当に簡単に設定ができるのでしょうか。
申請した広告枠の「liteタグ設定」ボタンを押していざ編集画面へ!
 
【ネイティブアドlite】ご設定方法について 記事はこちら

 
 

 
 
 

項目は全部で5つあります。(上記参照)
「テンプレート名」はネイティブアドの形態の選択を指します。
アイコン型だったり、サムネイル+文章だったり。
テンプレートの選択プルダウンの下は、各所色の選択です。
こちらはhtmlカラーコードで入力可能。サイトの色味に合わせお好きなカラーコードを入力してください。
または、こちら、コードを入れるフォームにカーソルを合わせてクリックすると
カラースケールが出ます。やだなにこれ便利・・・・・カチカチ。
というわけで、各所の色はカラースケールでの選択も可能です。

 
 

また、背景色の横にある「透過にする」チェックボックス、気になりますよね。
実はこれにチェックを入れると・・・・・

 
 
 

 
 
 

このように!
自然とそのページの背景色に透過してくれちゃうのです!
先ほどの画像との左プレビューの違い、気づいていただけましたでしょうか?
サイトの背景色と同じにしたい場合は、チェックボックスを入れると
わざわざ背景色カラーコードを設定する必要はありません。

 
 

また左のプレビューは選択と同時に変化していきます。
なので、出来上がりを見ながら文字・背景の色や大きさ、形態を都度選択できます。
 
 
 
任意の組み合わせにしたところで、登録。

 
 

ここまではあれですね、

 

ハンターのキャラ作成と似た感じでした。
カラースケール使って髪や目や肌やインナーの色選択しますよね。
同じような感じです。でもまぁここからですね。

 
 

貼ったらそれだけで広告が出るんですかって話でして。

 

何度でも言いますが、私はhtml初心者なので、タグをカスタマイズするネイティブアドなんて、
いわばHR1初期装備で突然シャガルマガラが襲い掛かってくるようなものでして。
ちょちょいっと管理画面で設定して、ただ貼るだけで大丈夫なのか不安が残ります。

 
 
 
 

3.広告掲載

 
 

と、いうわけで、こんなサイトを用意してみました。

 
 

 
 

よく見る2chまとめサイトみたいな感じにしてみました。(つもり)
私の技術の限界がここです。これほどまで・・・目も当てられない・・・ウッ頭が・・・・
お目汚しお許しください。では、「最新ニュース」下段右側の赤矢印の箇所にネイティブアドを入れてみましょう。

 
 
 

「liteタグ設定」のボタンの左にある、「広告タグ」から広告タグを取得し、
(ここは従来の広告タグ取得方法と同じです)
先ほどの箇所にタグを貼り付けます。

 

ぽちっとサイトページを更新してみましょう。

 
 

 
 

ガチの広告出ちゃった・・・

 
 

実験中ですがガチの広告が出てしまいました・・・。
いろんなところから怒られてしまうので先ほどのプレビューで隠します。
ご了承ください。

 

結果、ちゃんと!広告が表示されました!

 
初期装備で集会所のリオレウスが倒せた気分です。ふふん。

 
 
 

さて、焼肉への道は出鼻をくじかれましたが、
まだまだ諦めません、私は。

 
 

先ほどの編集画面にてネイティブアドのテンプレートがいくつかありました。
その数ざっと9種類!

 
 

どんなのがあるか詳細は実際に確認してみてくださいね!
そのように種類があるテンプレートの設定ですが、

 
 

同じタグの設定を更新したらちゃんと反映されるのでしょうか。

 
 

というわけで、設定変えてみました。

 
 

 
 

思い切って文字だけにしてみました。
テンプレート名「画像なしテキスト60文字」です。色も少し変えました。
「更新」ボタンを押します。
 
ここで、

 
 

タグを貼り替える必要はありません。

 
 

ページをいざ更新です。

 
 
 

・・・・・ん、うんんん?ぽちぽち・・・・あ!

 
 

 
 

でました!!

 
 

例によってちょっとガチなのが出てしまったので隠(以下略)
ご了承くださいませ。
反映するまでちょっとだけ時間がかかりましたがちゃんとでました。
本当に貼り替えなくてもよい模様です。

 
 

 
  ■検証まとめ■


・タグの編集(設定)はハンターキャラ作成並みに簡単
・タグを任意の箇所に貼るだけ(設定変更後の貼り替え不要)
・設定を変更した場合、更新内容が反映、安定するまで少し時間がかかる。
(うっぴょの体感で1~2分程)


 
 
 
 
 
 

いやーぶっちゃけこの記事作るより貼る方が簡単でした。

 
 
 

また、実は背景色透過の機能は2/22に実装されました。
このように【ネイティブアドlite】は、ここで終わりではありません。
皆さまのお声をどんどん吸収することで、
さらに使いやすく、高いクオリティのサービスを実現していきます。

 

ご要望等、どうぞお気軽にお問い合わせくださいませ。

 
 
 
 
 
 

さて・・・帰るか
それにしても焼肉食べたかったな・・・トボトボ

 

あ、発案者のK本さん。

 
 


 K本 (女性)
 
今回の【ネイティブアドlite】の発案者。
本人曰く「お酒強くないよw」とのことだが、日本酒においては限りなくザル。(左の自画像はお猪口を上から見たのがモデルである。)彼女の通った道には空のとっくりしか残らない。

 
 
 

    K本:お、どうしたの?
       生肉剥ぎたいのに竜骨【小】ばっかり出るときみたいな顔して。

 

いやに具体的なもの悲しい顔ですね・・・
【ネイティブアドlite】、やってみたんですけど、すごく簡単でした。

 

     K本:でしょwよかったw

 

あ!せっかくなんでインタビューしていいですか。

 

     K本:雑だなwwwいいよ(笑)

 
 

まだまだつづくよ!

 
 
 
 

4.発案者にインタビュー

 
 
 

 

 ―【ネイティブアドlite】を作ろうと思ったきっかけはなんですか?

 

   幅広いメディア運営者様に、
   ネイティブアドを導入して頂きたいと思ったことがきっかけです!
   以前よりサイトデザインに合わせて自由にカスタムできるタイプの
   ネイティブアドをご用意しておりご好評頂いておりますが、
   一方でソースコードの記述が難しいというお声を多数頂いておりました。
   またデザインはそこまで気にされず、とにかく簡単に導入したいという
   ニーズが高いことも分かり、開発に至りました。

 
 

 ―1番のポイントはどこでしょうか?

 

   サイトにタグを貼るだけ!これが一番のポイントです。
   バナーを貼る要領でネイティブアドが導入できちゃいます。
   また【ネイティブアドlite】、意外とカスタム性があるのもポイントです!
   定型内ではありますが「形式、文字数、文字色、文字サイズ、背景色」を
   プレビュー画面を用いながら直感的にカスタムできます。
   しかも変更がすぐ反映されるのでタグの張替えは必要ありません!

 
 

 ―はい、それは大変体感できました。すごい楽でした・・・
 リリースから早1ヶ月が経ちましたが、その後反響はいかがでしょうか?
 また、変わった点はありますか?

 

   ご申請、ご掲載数が増えましたね。有難うございます!
   まだまだ沢山の運営者様に導入して頂きたいので、
   これからも魅力や事例などお伝えして行きます!

 
 

 ―ちなみに今日のお昼はなんですか?
 
   サンドイッチです♡(つけ麺食べたい・・・)


 
 
 
 

ありがとうございました。
最後にひとつよろしいでしょうか。

 
   
K本:うん?

 

焼肉食べたいです。

 
   

K本:www今度行こうかw

 
 
 

後日めちゃくちゃ焼肉女子会することになった。

 
 
 

~QUEST CLEAR~

前の記事へ

トップへ戻る