Adobe Muse CCによるサイトにAdSense広告を表示する覚書
MacTechnology Lab.ウェブサイトにAdSenseの広告を載せようと考えた。月並みだがサイト維持の経費程度は稼ぎたいと思っているからだが、それはともかく理屈を知っている方ならどうということもないのかも知れないが初めての人にとってGoogle AdSenseの広告設定は簡単ではない…。
私はかなり以前にこのAdSenseによる広告を試みたことがあるが、今回のターゲットであるMacTechnology Lab.ウェブサイトはAdobe Muse CCで構築しているという点が違う。それにAdSenseへのアプローチもいささかアップデートしたようで「さてやってみようか」と考えたものの忘れていることだらけでほとんどゼロからの挑戦となってしまった。
ということで数日悪戦苦闘した結果、何とか巧く行ったその概要を忘れないよう記しておきたい。同じようなことを考えている方の参考にもなれば嬉しい。
※ウェブサイトの右サイド下がAdSenceによる広告。上はAmazonのアフリエイト広告
さてAdSenseとは、自分のウェブサイトに広告を掲載することで収益が得られるGoogleの無料サービスだ。まあAdSenseそのものに関しては別途お調べいただきたいが、要はコンテンツ連動型広告配信サービスである。
実施する際には費用はかからずサイトを所有していれば誰でも申込が可能だ。ただしサービスを開始する前にGoogleの審査を通る必要がある。極端にコンテンツの少ないサイトやアダルト関連あるいは暴力的なサイトなどは審査の段階で断られる。
そして目的のサイトに取得したコードを貼り付けると広告が表示され、それが閲覧者にクリックされるとあらかじめ決められた報酬が得られるという仕組みだ。ただし近年仕様変更があり無料ブログでは審査が通らないようだ。また報酬の受取人は18歳以上でなければならない。
まず最初にやるべきこと、やらなければならないことはAdSenseへの申込みとなる。
審査は大別して２段階になっている。その審査手順はネット検索すれば申請の詳細や注意点などが紹介されているサイトを見ることが出来るのでここでは省略し、実際にMuse CCの任意の位置に広告を表示する方法を記しておきたい。
WordPressを使っているサイトではAll in One SEO packseプラグインを使う場合が一般的のようだが、私はWordPressを使っていないのでまずはGoogleアナリティクスのトラッキングコードを取得しそれをMuse CCに直接埋め込む必要があるという。
何だか次々にGoogleに取り込まれていくようだが、仕方がない(笑)。
要は必須なこととしてGoogleアナリティクスのトラッキングコードとAdSenseの広告コードの２つが必要となるのでその取得をクリアしなければならない。
Googleアナリティクスのトラッキングコードはアクセス解析のためのものだが申し込んでから反映まで１, ２日かかるようだ。
トラッキングコードが取得できたら一般的な設定ではHTMLコードの「/head の前に設置する必要がある」と書かれている。しかしMuse CCでは現実問題どうするのだろうか。
そもそもMuse CCはHTMLを知らなくても高度な表現とデザイン性を持つサイトが作れることが売りなのだが、ページのHTMLをどうのこうのというのはポリシーに反するではないか...と思われるかも知れない。しかしさすがにMuse CCは簡単だった。
例えばすべてのページに広告を表示する場合ならMuse CCのデザインモードでマスターページを開き、ページメニューの「ページプロパティ...」を選択する。そしてそのウィンドウの「メタデータ」タブを開くと " head に挿入するHTML :" というフィールドが表示するのでその場所に取得したGoogleアナリティクスのトラッキングコードをコピーすればよい。
ちなみにこのトラッキングコードが生きていないページにこれから述べる広告コードを設置しても表示されないので注意が必要だ。
※トラッキングコードはページメニューの「ページプロパティ...」を選択しそのウィンドウの「メタデータ」タブを開いたフィールドにペーストする
次は広告コードの取得だ。これまた具体的な取得方法は省略するが、AdSenseページで広告スタイルやデザインを決めるとその広告コードが表示されるのでそれをコピーしておく。
そしてMuse CCで当該ページのオブジェクトメニューから(ページメニューではない)「HTMLを挿入...」を選びそのフィールドへ広告コードをコピーする。
※広告コードはオブジェクトメニューから「HTMLを挿入...」を選びそのフィールドへコピーする
最初に設定した場合、反映までしばらく時間がかかるがこれで指定した広告枠が表示するはずだ。そしてそれを置きたい位置に設置すれば完了である。後は表示させたくないジャンルの広告表示をOFFにしたりといわゆる管理作業も必要になる。
無論広告を載せたから即効果が出るほど世の中甘くはないが、まあしばらくは勉強も兼ねて続けてみたい。
私はかなり以前にこのAdSenseによる広告を試みたことがあるが、今回のターゲットであるMacTechnology Lab.ウェブサイトはAdobe Muse CCで構築しているという点が違う。それにAdSenseへのアプローチもいささかアップデートしたようで「さてやってみようか」と考えたものの忘れていることだらけでほとんどゼロからの挑戦となってしまった。
ということで数日悪戦苦闘した結果、何とか巧く行ったその概要を忘れないよう記しておきたい。同じようなことを考えている方の参考にもなれば嬉しい。
※ウェブサイトの右サイド下がAdSenceによる広告。上はAmazonのアフリエイト広告
さてAdSenseとは、自分のウェブサイトに広告を掲載することで収益が得られるGoogleの無料サービスだ。まあAdSenseそのものに関しては別途お調べいただきたいが、要はコンテンツ連動型広告配信サービスである。
実施する際には費用はかからずサイトを所有していれば誰でも申込が可能だ。ただしサービスを開始する前にGoogleの審査を通る必要がある。極端にコンテンツの少ないサイトやアダルト関連あるいは暴力的なサイトなどは審査の段階で断られる。
そして目的のサイトに取得したコードを貼り付けると広告が表示され、それが閲覧者にクリックされるとあらかじめ決められた報酬が得られるという仕組みだ。ただし近年仕様変更があり無料ブログでは審査が通らないようだ。また報酬の受取人は18歳以上でなければならない。
まず最初にやるべきこと、やらなければならないことはAdSenseへの申込みとなる。
審査は大別して２段階になっている。その審査手順はネット検索すれば申請の詳細や注意点などが紹介されているサイトを見ることが出来るのでここでは省略し、実際にMuse CCの任意の位置に広告を表示する方法を記しておきたい。
WordPressを使っているサイトではAll in One SEO packseプラグインを使う場合が一般的のようだが、私はWordPressを使っていないのでまずはGoogleアナリティクスのトラッキングコードを取得しそれをMuse CCに直接埋め込む必要があるという。
何だか次々にGoogleに取り込まれていくようだが、仕方がない(笑)。
要は必須なこととしてGoogleアナリティクスのトラッキングコードとAdSenseの広告コードの２つが必要となるのでその取得をクリアしなければならない。
Googleアナリティクスのトラッキングコードはアクセス解析のためのものだが申し込んでから反映まで１, ２日かかるようだ。
トラッキングコードが取得できたら一般的な設定ではHTMLコードの「/head の前に設置する必要がある」と書かれている。しかしMuse CCでは現実問題どうするのだろうか。
そもそもMuse CCはHTMLを知らなくても高度な表現とデザイン性を持つサイトが作れることが売りなのだが、ページのHTMLをどうのこうのというのはポリシーに反するではないか...と思われるかも知れない。しかしさすがにMuse CCは簡単だった。
例えばすべてのページに広告を表示する場合ならMuse CCのデザインモードでマスターページを開き、ページメニューの「ページプロパティ...」を選択する。そしてそのウィンドウの「メタデータ」タブを開くと " head に挿入するHTML :" というフィールドが表示するのでその場所に取得したGoogleアナリティクスのトラッキングコードをコピーすればよい。
ちなみにこのトラッキングコードが生きていないページにこれから述べる広告コードを設置しても表示されないので注意が必要だ。
※トラッキングコードはページメニューの「ページプロパティ...」を選択しそのウィンドウの「メタデータ」タブを開いたフィールドにペーストする
次は広告コードの取得だ。これまた具体的な取得方法は省略するが、AdSenseページで広告スタイルやデザインを決めるとその広告コードが表示されるのでそれをコピーしておく。
そしてMuse CCで当該ページのオブジェクトメニューから(ページメニューではない)「HTMLを挿入...」を選びそのフィールドへ広告コードをコピーする。
※広告コードはオブジェクトメニューから「HTMLを挿入...」を選びそのフィールドへコピーする
最初に設定した場合、反映までしばらく時間がかかるがこれで指定した広告枠が表示するはずだ。そしてそれを置きたい位置に設置すれば完了である。後は表示させたくないジャンルの広告表示をOFFにしたりといわゆる管理作業も必要になる。
無論広告を載せたから即効果が出るほど世の中甘くはないが、まあしばらくは勉強も兼ねて続けてみたい。
- 関連記事
-
- Techtool ProによるS.M.A.R.T. 情報確認の顛末 (2017/07/12)
- いただいたFon 11ac対応高速Wi-Fiルーター FON2601Eを試す (2017/07/05)
- Adobe Muse CCによるサイトデータをFTPアップロードする際の覚書 (2017/06/26)
- なぜパーソナルコンピュータはIBMやDECから登場しなかったのか？ (2017/06/16)
- デジタルから少し距離をおこうとする個人的な考察 (2017/04/24)
- Adobe Muse CCによるサイトにAdSense広告を表示する覚書 (2017/03/13)
- 1970年代から劇的に仕事を変えた７つのテクノロジー (2017/02/17)
- iPhone登場10周年に寄せて (2017/01/13)
- Appleの株券物語 (2017/01/06)
- 新年明けましておめでとうございます！ (2017/01/01)
- 2016年度、MacTechnology Lab.的ベスト10プロダクト紹介 (2016/12/30)
