ProJavaScriptの追加が簡単にできる!Adobeフォントやアドセンス審査に!【スクリプト追加】機能Nishiki・NishikiProの便利機能「スクリプト追加」をご紹介します。Beauty」を追加することでこの機能をご利用いただけます。ヘッダー(AMP)Googleタグマネージャの設定にもヘッダー(AMP)とはスクリプト追加とは「スクリプト追加」とは、JavaScriptなどのコードを【管理画面へ入力するだけで簡単に追加】できる、Nishiki独自の便利機能です。スクリプトコードなんて、開発や製作でもしなければ、普段は余り使うことはないのですが、以外なところで必要になることがあります。スクリプト追加はこんなことに使えますGoogleアドセンスの審査Webサイトを運営するからには、収益化を目的とする人は多いハズ。おまかせで自動的に広告を配置してくれる「Googleアドセンス」は初心者さんでも取り組みやすいマネタイズのひとつ。設定しよう・・と思ったら、設定手順にはこう書いてあります。アカウントにログインします。ホームページでコードをコピーします。タグの間)に、このコードを貼り付けます。https://support.google.com/adsense/answer/7584263?hl=ja&ref_topic=1391540このコードというのが、以下のようなJavascriptになってます。貼ればいいの??という感じですよね(笑)Adobeフォントフォトショやイラレで有名なAdobe(アドビ)が、誰でも無料で使える(※)おしゃれなWebフォントを公開しています。(※要会員登録)好きなフォントを選んで、さあ設定しよう、と思ったらこんな画面が出てきます。アドセンスと同じように「<head>内にこのタグを・・・」と書いてありますね。このように、JavaScriptは製作や開発をしない人でも、何か別の機能を読み込ませる時に使うことがあります。この機能がなかったら?その場合、もしもこの「スクリプト追加」機能がなかったらどんな手間がかかるのでしょうか?調べてみると、【追加したいコードを記述したファイルを用意、アップロードして、<head>を出力する部分のテーマファイルでそのファイルを読み込む記述を追記すればよい】とか出てくると思うんですが、それは通常のWeb製作の話です。WordPressでそれを行うと「テーマを直接カスタマイズ」してしまいます。直接のカスタマイズだと、アップデートしたら、追加した部分が消えてしまうのでWordPressの場合はNGです。「子テーマ」を使うか「フック」を使うなどの方法でカスタマイズする必要がありますが・・・・初心者さんにはかなり難しい内容です。GB」というメニューが現れます。一般設定の中に「スクリプト追加」というタブがあります。入力欄は2つあり、「ヘッダー」と「フッター」が選べます。必要な方に入力してください。初期設定では「10」になっています。10だと同じ<head>の中でも下の方に入力されます。他にも何かスクリプトを追加していて、どちらを先に読み込むか?を調整したい時に使いますが、普通は10のままで大丈夫です。Proのスクリプト追加はさらに機能が増えています。一般設定の中に「スクリプト追加」というタブがあります。ヘッダー(AMP)Pro版には、「bodyタグの直後」、AMPのヘッダーも追加されています。Googleタグマネージャの設定にもGoogleタグマネージャーを設定するときは「<head>のなるべく上の方」と「<body>の直後」の2つが指定されています。Proなら一つ目を「ヘッダー」にはりつけて、優先順を1に設定し、2つめのコードを「<body>タグの直後」に貼り付ければ設定できますね!ヘッダー(AMP)とはAMPというのは、Googleが推進している「モバイルページを高速表示させるための技術」です。Googleはモバイルに力を入れているので、AMPに対応しているかどうかでもSEO評価が良くなると言われています。評価はともかく、スマホで表示が遅かったら離脱されちゃいますしね。AMPは早く表示させるため「極力読み込みを少なくしている」ため、ヘッダーに読み込むように設定しておいたJavascriptが、AMPだと読み込まれなくなります。AMPでも読みこんで欲しいスクリプトは、AMP用に別に設定してやらないといけないんですね。Pro版なら対応しています。大石この機能があればコピペだけでいいので楽ちんですね!公式サポートサイトの「スクリプト追加」機能についての解説はこちらです。コードが入れられます。GoogleAdSense(グーグルアドセンス)の自動広告、審査用のコード追加などにご利用ください。support.animagate.com著者AtsukoフリーランスのWebデザイナー。MeetUpのオーガナイザーもしています。このサイトは「猫でもわかる」をモットーに、なるべくわかりやすい言葉で解説して、WordPressを楽しく続けていくために必要な情報をお届けするブログを目指しています。「こんなことが知りたい」などあればお気軽にご意見ください。ブログ記事の参考にさせていただきます。Proカスタマイズ】メールや電話のお問い合わせボタンをキレイに作る方法をご紹介します。綺麗で使いやすいだけでなく、ユーザーコミュニティのサポートが手厚いテーマです。コミュニティで気軽に質問に答えてもらえるので、WordPressを勉強して、自分管理・運営していきたいという方に特におすすめです。Proを3年使ってみたレビューです。ご検討中の方はぜひ参考にしてください。様子や操作方法の解説などの動画をアップしています。登壇動画2021年のWordPressイベントで初心者向けのWordPressの初め方についてお話ししました。ヘッダー(AMP)Googleタグマネージャの設定にもヘッダー(AMP)とは。