Googleタグマネージャーと始めるJavaScript入門
Webに関わる人必見!非エンジニアでも、Googleタグマネージャーと検証用のWebサイトを使って、ページ上での情報取得、ページ書き換え、GAへのイベント連携などを体験しながらJavaScript の基礎を学べます。
Description
このコースでは、「GTMやJavaScriptを使うと何ができるのか?」をまず体験することを最も重視しています。
エンジニア向けのJavaScript学習コンテンツは、JavaScriptの文法や細かい仕様の話が多く、非エンジニアの入門者にとってあまり楽しいものではありません。
このコースでは、各自が自由に使える次のような検証環境を構築します。
・検証用のWebサイト
・検証用のGoogleタグマネージャー環境
・検証用のGoogleアナリティクス環境
これら実際の環境を使って、次のようなハンズオンを体験することができます。
・Webページ上のテキストを取得する
・Webページ上のテキストを書き換える
・Webページ上の文字の色を変える
・Webページ上の画像を差し替える
・Webページ上の要素を非表示にする
・Webページ上にリンクを挿入する
・ユーザーが要素をクリックしたら別タブでページを開かせる
・ユーザーが一定以上スクロールしたらアラートを表示する
さらに、次のような実践的な演習を体験できます。
・Webページ上に「上に戻る」ボタンを追加する
・Webページ上からGA4のカスタムイベントを取得する
こうした操作を体験しながら、必要になったタイミングで必要な分だけJavaScriptの文法を学ぶことができます。
ぜひ、より実践的で価値が実感できる「JavaScript学習」を一緒に始めましょう。
What You Will Learn!
- JavaScriptを使えると何ができる?
- GTMを使うと何が嬉しい?
- Webの仕組みは?HTMLとJavaScriptの関係とは?
- JavaScriptでWebページ上の要素を読み書きする方法
- JavaScriptでユーザーの操作に応じた処理をする方法
- [実践] JavaScriptでWebサイトに簡単な機能を追加してみよう
- [実践] JavaScriptでWebページ上からGA4のカスタムイベントを取得しよう
Who Should Attend!
- Webマーケティングに関わる全ての方
- Webの仕組みをより深く理解したい非エンジニアの方