マーケティング「何食べたい?」と聞かれたら食べたくなくても「焼肉!」と答えてしまうのが悩みです。そんな私はみんなの大好物Akiraです宜しくどうぞ。みんなが楽しみにしている週末がもうすぐそこまで来ている!っしゃ、華の金曜日を楽しんでやるぜ!と意気込んでいるAkiraの元に半田社長から1件のメールが届きました。半田社長:「Akira、今日なんかあるみたいだよ。アイーン!」おなになに、今日は金曜日だし、何かの楽しいイベントか?と思いながら僕はメールボックスを開きました。「いやこれ全部英語やないかこれ!」あ...でもちょっと待ってください?やっベー......なんだろうなぁ僕......英語得意なんだった。AdSense(グーグルアドセンス)とかいうハイセンスな集団がライブストリームを行うようだな。何時からだ?なるほど、日本時間で15時から配信開始だからあと30分もないし、食べたかったお昼ご飯は食べれないなどちくしょうめ。viewablityを最適化する準備はいいですか?」だそうだ。AdSenseのライブストリームで学んだことを簡単にみなさんとシェアしようと思います。AdSenseとは、自分のウェブサイトに広告を載せることで収益を得ることができる、Googleが提供する運営者向けの広告配信サービスです。AdSenseから提供される広告コードを自分のサイトのHTMLに挿入するだけで広告が配信されます。AdSenseのライブストリームで学んだことそんなに知識もろくにない状態で1時間15分くらいハイセンスな集団が英語をペラペラ喋るわけですが、パワーポイントを使いながら説明してくれるのでとても分かりやすかったというのが本音です。note、あ、メモを取ることに必死だった僕が分かったことを簡単にまとめてみましたので付き合ってください。1:広告の配置ごとにユニークな広告ユニットを使用するうまく日本語に訳すことができませんでした(笑)要は、適した広告を適した配置にしなさい、といえば分かりやすいのだろうか。面白い情報も知ることができました。200)を貼ることが可能になったそうです。従来はATFに広告を貼ることは禁止されていました。AdSenseは広告が原因で次のページにいかせてはいけないと考える方針だったからです。今回アップデートされた情報では、「ユーザーがATF広告のせいでイライラしてコンテンツを読むことを妨げるなんて結果にはならない」と発表したそうです。そのこともあり、今回のライブストリームではATFに広告を貼るといいですよと説明していました。200)の順番でページを作ることでした。200って画面上で結構な割合を占める気がしますしね。AdSenseを使用するにあたって、各広告がどのような成果をあげているかをチェックすることと思います。各広告のデータに応じて広告の貼り方や位置、サイズなどを考慮しながらサイト運営をしなさいよ、ということですね。貼り方や位置、サイズなどはこれから少しずつ書いていきます。3:広告をユーザーが最も従事する位置に配置するこれに関しては、それなりに納得できますね。ユーザーが一番見る部分(興味のある部分)に広告を貼ることで様々なユーザーが目にすることが出来ます。僕がよく見るコラムサイトでは、導入部分と本文の間に広告があるのでどうしても広告が目に入りますよね。その広告に興味があったら思わず押してしまう、みたいなことです。size”とか言われても曖昧すぎて分からないんですけど。AdSenseとかいうハイセンス集団は僕のことを見捨てませんでした。今回のライブストリームで推奨していたサイズは以下の通りです。100をトライして見ましょう、との事。600この数字を聞き取っている時の僕の頭の中は、空港にベッカムが来たのかってくらいパニクっていました。...無視してください。5:それぞれの画面に合わせて広告を最適化するつまりパソコン・携帯・タブレットなどの画面サイズに合わせた広告サイズにするといいですよということ。100という感じですね。AdSenseのストリームで終盤になると、サイト最適化について2つのポイントを挙げていました。そのポイントとは、良いページスピードにすることと遅延読み込み+無限スクロールでした。ページスピードライブストリームでは、ユーザーがページを閲覧する際に最もストレスを感じる瞬間は何か?を説明していました。46%ものユーザーがページの読み込みが遅いことにストレスを感じているそうです。読み込みが遅いと広告が表示されなかったりするなど色々と嬉しくないですよね。やってページスピードを測り最適化することができるのでしょうか。Insights:初心者用ツールhttps://developers.google.com/speed/pagespeed/insights/?hl=jaリンクをクリックすると上のようなページが出て来るので、ページスピードを分析したいページのURLを入力します。入力したら右にある分析ボタンをクリックするだけです!すると...100点満点で点数が表示されます。残念ながらPLOGは52点でPoorと評価されてしまいました。その下には、最適化するためにどうすればいいか、どこを修正すればいいか、などのヒントを出してくれています。Insightsとは違って少し上級者用のようです。Chromeのブラウザを使用することが大前提となります。そのページをダブルクリックすると、一番下に「検証」とあるのでクリックします。上のような暗号だらけのページが出て来るので、項目の中の“network”をクリックします。わかりやくするために記事のページで検証してみました。“waterfall”と書いてある欄を見ると、緑色のバーがあったのでそこにカーソルを合わせてみました。“Waiting(TTFB)“と書いてあるところが、3.06s(秒)になっていますね。“Waiting(TTFB)”とはつまりサーバーにリクエストしてから応答があるまでの時間のことみたいです。わかりやすく言えば、読み込みを待ってる時間ですよね。adSenseのライブストリームでは、1秒かかっていたら遅すぎるみたいに言ってましたので、かなり遅いと言うことがわかります。ちなみにGoogleの推奨は200ミリ秒みたいですよ。3.06秒もかかっているのは画像(IMG)のところなので画像を軽くすることが改善策なのかな、などの予測することができます。Test:アドバンスツールhttps://www.webpagetest.org/急に英語のサイトかよって思いますよね。基本的にURL・テストの場所・ブラウザのタイプを入れるだけです。Firefox)“に設定します。“Browser”のところは、”chrome”を選択しています。ライブストリームではテスト場所(国)を気をつければブラウザは特に気にしなくてもいいとも言っていましたよ。何がどう良いのかは全く分かりません(笑)なんか右上にランクづけがありますね...Aがあるからいいっか!って程度にしか僕は分かりません(笑)全部が読み込まれるまでの時間は14.363秒のようですね。遅いだろうなって言うのはやはりwaterfallをクリックすると分かります。最初の方はまぁまぁなのですが...やはり写真の読み込みにかなり時間がかかってしまっていることが分かりますね。1度いいますが、Googleの推奨は200ミリ秒ですよ。4000超えてるってどないやねんと。改善するように努めなければなりませんね。Scrolling”と単語が出てきたので、怠慢な読み込み?永遠なスクロール?とさっぱりでしたが、改めて調べるとちゃんとした言葉がありました(笑)Akiraなりに簡単に説明します。遅延読み込みとは、Webページのスクロールに応じて見える範囲だけの画像を表示する(読み込む)こと。本当なら全部の画像を最初に読み込もうとするので画像が多いページは読み込みに多くの時間が必要ですが、遅延読み込みをすることで大幅な読み込み時間の短縮につながるわけです。無限スクロールとは、ユーザーがページを下にスクロールするたびにコンテンツをずっとロードし続けることです。分かりやすい例で言えば、TwitterやFacebookなどのタイムラインは下にどんどんスクロールできますよね。言葉通り、無限にスクロールできちゃうわけです。今回のライブストリームでは、サイトやページの種類にもよりますが、遅延読み込みと無限スクロールを一緒に実行することを薦めていました。することで、ページの読み込みスピードを上げることができて尚且つユーザーをページにとどめておくことができるため、広告を見てもらえる機会が増えますよ、と言っていました。確かにFacebookとか見ていてもスクロールしてもしてもコンテンツが終わらない気がするし、いろんな広告が出てきますよね。コンテンツ配信の種類によるので必ずではないと何回も言っていましたよ。AdSenseのライブストリームを通じて勉強になったことは、ページスピードがすごく大事だということ。何回も念押ししていましたので本当にキーポイントなんだと思います。AdSenseのライブストリームをみましたが、声を大にして言えることがあります。taking、あ、ノートをとるのに必死でした←けど、今回は僕にとって本当にいい機会になりました。AdSenseがライブストリームを行なってユーザーや運営者の質問に答えてくれることや、説明のわかりやすさは僕にとっても他の人たちにとっても有意義な時間になったと思います。me!!つまり、宜しくお願いしますってこと。コメントをキャンセルメールアドレスが公開されることはありません。