Googleアドセンス | AMP自動広告タグの挿入場所
昨年あたりからGoogleアドセンスの広告タグは本格的に自動広告タグが勧められるようになってきました。 通常ページであれば、<head>内に自動広告タグを設置するだけでページ内にGoogleアドセンス広告が自動で挿入されるように ...
AMPサイト作成に役立つツールまとめ(2019)
AMPサイト制作に便利で役立つツールのまとめです Google Search Console「AMPテスト」 「AMPテスト」はSEOの要であるGoogle Search Consoleの機能としても使われているAMPチェックツール Goo ...
AMP-YouTubeを使ったYouTube動画の埋め込み表示を実装する方法
AMPコンポーネントのamp-youtubeを利用してAMPページ内でYouTube動画の埋め込み表示を実装するサンプルコードです See the Pen AMP-YouTube by yochans (@yochans) on CodeP ...
AMP-Accordionを使ったアコーディオンメユーを実装する方法
AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Accordion by yochans (@yochans) on CodePen. amp-car ...
AMP-Carouselを使ったカルーセルスライダーを実装する方法
AMPコンポーネントのamp-carouselを利用してカルーセルスライダーを実装するサンプルコードです See the Pen AMP-Carousel by yochans (@yochans) on CodePen. amp-caro ...
AMP-Selectorを使ってタブメニューを実装する方法
AMPコンポーネントのamp-selectorを利用してタブメニューでの表示切り替えを実装するサンプルコードです See the Pen AMP-Selector by yochans (@yochans) on CodePen. amp- ...
AMP広告を画面幅で振り分けて表示する方法
AMPはモバイル専用という訳ではなく、PCやタブレット用のページもAMP構成で作成可能で、AMP広告(amp-ad)もまたモバイル以外の表示にも対応しています AMP広告を画面幅で振り分けて表示する方法 AMP広告タグ内にてCSSのmedi ...
AMPで各タイプ別のアドセンス広告を表示する方法
AMP広告に使われる主なlayoutの種類一覧 AMP広告を設置する際に迷ってしまうlayoutと横幅、高さの設定 AMPの要素デザイン用のlayoutの種類は多いですが、AMP広告に使われるlayoutにはどんな種類があるのか一覧にしてみ ...
AMP FormのPOST送信でページ移動する方法
AMP-FormでのPOST送信する際、action-xhrではなく通常のHTMLフォーム同様にactionでページ移動(ページ遷移)させたい場合があります 主に、パスワードなどのURLに含めたくない情報の送信やテキストエリアを用いたデータ ...
AMP FormでPOST送信する方法
AMP-FormでのPOST送信はGET送信とは違い通常のHTML記述では動かず、AMP Formコンポーネントを使った機能が多くあります AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、AMP Formコン ...
AMP FormでGET送信する方法
簡単に使おうと思ってもAMP-FormでのPOST送信はちょっとややこしいですが、GET送信は通常のWEBページと同じ感じで使えます AMP Formコンポーネントを読み込む AMPページでフォームを利用する時は、単純なGET送信であっても ...
AMPページに最低限必要なサンプルコード
AMPテストツール AMPサイト作成時は、AMPページが有効か確かめる為にgoogleのAMPテス またブラウザのデロペッパーツールも確認作業で重要になってきます AMPページに最低限必要なサンプルコード AMPページに最低限必要なサンプル ...