このセクションでは、スニペット コードを挿入するための強力な WordPress プラグイン WPCode を紹介します。

WordPress はコード スニペットを追加します:

このプラグインは、スタンドアロン サイトのさまざまな領域にさまざまなコード スニペットを追加します。もちろん、ここでコード スニペットについて説明すると、難しいと思われるかもしれません。実際、非常に簡単です。たとえば、このコードをウェブマスター ツールまたは Google 統計コードの独立したステーションに配置する必要があります。トランザクション注文などを含む訪問者をカウントする必要があります。つまり、独立した Web サイトでいくつかのデータを追跡する必要があります。

次に、コード スニペットと呼ばれる次のようなコードを使用する必要があります。

1 Google 統計コード スニペット

もちろん、このような JS コード スニペットに加えて、HTML コード スニペット、CSS コード スニペット、または PHP コード スニペットを追加することもできます。実際、これらのコード スニペットは手動で記述する必要がほとんどありません。最も重要なことは、このようなコード スニペットがある場合、それを独立したステーションにどのように追加できるかということです。

WordPress ヘッダーファイルの場所:

たとえば、WordPress のテンプレート構造を理解していれば、テーマ内のテンプレート ファイルのエディターを見つけたり、サーバーに入って編集したりできます。次に、このコードを Google 統計に伝えたい場合は、ヘッダーに追加する必要があります。コード構造を理解していれば、テンプレートのヘッダー ファイルを簡単に見つけることができます。

2 WordPressテーマエディタでコードスニペットを追加する e1714190945941

たとえば、ここにテーマ ヘッダーがあります。これは実際には header.php です。これを開くと、その head タグが見つかります。たとえば、これは head の終了タグです。次に、この位置に統計コードを配置できます。下部にコードを配置する必要がある場合は、その下部のファイルも見つける必要がありますが、多くの人がコードについてあまり知らず、間違いを恐れているものがあります。

WPCodeプラグイン機能の説明:

もう 1 つは、テーマが定期的に更新されることです。更新後は、子テーマを使用しない限り、ホーム内のコードが見つかりません。この時点で、これらのコードを指定した場所に追加するには、プラグインを使用する必要があります。その中で最も優れているのは WPCode です。

このプラグインにはいくつかの機能があります。最初の機能は、ヘッダーまたはボトムにさまざまなコード スニペットを追加できることです。もちろん、ボディにさまざまなコード スニペットを追加することもできます。

3 WPCodeプラグインコア機能

いくつかのソーシャル メディアに接続することもできます。たとえば、Google 広告プロモーション、つまり Google 入札または Facebook プロモーションを行う場合、これらの広告を配置するときに、いくつかのトラッキング コードも追加する必要があります。したがって、このプラグインは、特定の効果の統計を完了するのにも役立ちます。さらに、カスタム コードと特定のロジックをこれらのコードに追加できます。たとえば、特定のページで開くことができます。または、1 人のユーザーだけがこのコードを表示し、他のユーザーは表示できないようにすることができます。

さらに、サイトにエラーがある場合、それを修正するのにも役立ちます。最も強力なのは、このプラグインが多くのコード スニペットを提供していることです。たとえば、独立ステーション全体のコメント モジュールをオフにしたり、他の機能を追加したりできます。これはあなたのために書かれたものであり、独立ステーションに配置またはダウンロードして、このプラグインを使用して呼び出すだけです。

したがって、コードが理解できない場合は、このプラグインが救世主となり、その主な機能は次のとおりです。

wpcodeの使い方は?

まず、プラグインを探します。現在、バージョン 2.1.5.1 のこのプラグインを用意しました。もう 1 つは、Facebook や TikTok などのピクセルへの追加です。

ここで、このプラグインをインストールし、メイン プログラムの最新バージョンを直接インストールし、クリックしてインストールを開き、プラグインが正常にインストールされたらすぐにアクティブ化します。

アクティブ化後、左側の機能ボタンにコード スニペットの機能ボタンがあることがわかります。クリックして開きます。実は、これは操作インターフェイスです。ここで、独自のコードをいくつか記述して、内部に追加できます。

4 WPCode コードスニペットリスト e1714191211507

wpcode ヘッダーとフッターを挿入:

ヘッダーとフッターにコードを追加することもできます。ここで説明したいくつかの機能のうち、最も頻繁に使用する機能は、ヘッダーとフッターを見つけて、広告用のピクセルを追加することです。もちろん、コード ベース内の一部のコードは追加に使用され、その他のコードはほとんど使用されません。たとえば、HTML または CSS をカスタマイズする場合、多くの場合、それを独自のページに追加して使用します。 エレメンター モジュールまたは Wpベーカリー モジュール、このプラグインは追加にはほとんど使用されません。たとえば、現在、サイトの統計コードをインストールする必要があります。統計コードを生成したので、それをコピーします。コピーした後、どのように追加しますか?

ヘッダーでは、ここでヘッダーを見つける必要があります。ヘッダーでは、ヘッダー タグのこのタグに追加できることがわかります。

5 WPCode ヘッダーに Google 統計コード e1714191323636 を追加

もう 1 つは、メイン ボディと下部です。ここでは、ヘッダーに追加する必要があるため、ヘッダーに直接貼り付けます。貼り付けたら、保存します。保存したら、ページを再度更新して、正常に追加されたかどうかを確認しましょう。

更新後、空白部分を右クリックして、Web ページのソース コードを表示します。ヘッダーを探してみましょう。ヘッダーには、先ほど追加した Google 統計コードが表示されていることがわかります。これは、このコードとまったく同じです。この方法で、簡単に完了できます。

6 WPCode Viewに追加されたGoogle Statsコード

下部にもコンテンツを追加する必要がある場合は、下部に追加できます。複数のプラットフォームの場合は、下に配置し、同じ位置に追加できます。

WPCode ソーシャルメディアコネクト:

2 つ目はピクセルですが、このピクセルには別のアドオン コンポーネントを使用する必要があります。このプラグインをインストールし、プラグインに新しいものを追加してから、プラグインをアップロードする必要があります。もちろん、これらのコード プラグインはアップグレードできません。アップグレードによる影響はそれほど大きくありません。クリックしてインストールします。インストールが成功したら、アクティブ化できます。

有効化後、コードスニペットの機能ボタンも見つかり、その下にピクセル追加モジュールが追加されます。ピクセルリンクはここにあります。FacebookのピクセルIDとそのAPIトークンを追加できます。たとえば、以下は、ページビュー、購入、チェックアウトなど、ストア内のコンテンツを追跡しています。最後は購入アクティビティです。通常、ページのビュー数を含め、これら4つすべてをチェックします。これはFacebook用であり、Googleでも同様です。

7 WPCode ソーシャルメディアトラッキングピクセルが追加されました e1714191470416

Google 統計の ID、例えば先ほど生成したサイト統計には ID があります。その ID をコピーしてこの位置に置いて、呼び出すことができます。

ページビュー、購入、チェックアウトの開始、購入アクティビティ、コンバージョン イベントなども追跡されます。これは主に、統計をカウントする際のアトリビューション処理と、Google プレースメントを行ったユーザーのためです。アトリビューションが重要であることは誰もが知っています。

WPCode ライブラリ:

次は Pinterest です。これもソーシャル メディア プラットフォームです。ここに広告を配置すると、TikTok などの広告を追加して追跡することもできます。これにより、コードを理解していなくても心配する必要がなくなります。2 番目の機能として、これらの広告素材またはピクセルを追加できます。

次に、モジュールをいくつか追加します。たとえば、ここには以前追加した最初のコードがあります。たとえば、最初のコードが何であるかを見てみましょう。サイト全体のコメントモジュールを閉じます。では、中身は何でしょうか?実際、このコードは私が書いたものではなく、データベースから呼び出されたものです。コードスニペットライブラリがあります。ここから直接呼び出すことができます。クリックして開きます。開くと、PROバージョンになっているため、多くのコードがあり、基本的にその中のコードを使用できます。一部のコードを使用できない場合は、公式Webサイトにアクセスしてアカウントを登録し、リンクしてください。

8 WPCode コードスニペットを追加

9 WPCode コードスニペットライブラリ

WPCode ライブラリ挿入デモ:

たとえば、直接リンクにアクセスしてみましょう。私はすでにアカウントを登録しています。リンクが成功すると、そのすべてのコードを使用できます。たとえば、サイトのアップロードを許可するコードの1つが表示されます。このコードをSVGなどのモジュールに使用する場合は、クリックして使用します。この場合、コードスニペットライブラリ、最初のコードスニペットに直接ダウンロードできます。もちろん、ここで名前を付けることができます。次に、自動追加などのさまざまなモジュール用、またはコードを渡して、指定したページにこのコードを配置します。さらに、デコードに名前を付けることができます。通常、自動的に挿入することができます。

10 WPCode コード スニペットに場所設定が追加されました e1714191787528

次に、挿入する場所を指定します。たとえば、ヘッダー、フッター、または本文内の任意の位置に挿入します。通常は、ヘッダー内に配置します。

もちろん、それほど重要ではないコード統計がある場合は、フッターに配置できます。次に、このコードが有効な開始時刻や終了時刻など、このコードの有効期間を設定できます。はい、この期間を過ぎると、このコード スニペットは自動的に閉じられます。

以下の項目は、主にデバイスがコンピューターに追加されるか、携帯電話に追加されるかを対象としています。 通常は、デフォルトですべてのデバイスに追加されます。

11 デバイス設定を表示するための WPCode コード スニペット e1714191820364

以下に、気にする必要のない項目がいくつかあります。下部で、このコードにタグまたはリマインダーを追加できます。これらは特に重要ではありません。追加したら、保存します。保存すると、コード スニペット内に入力されます。

WPCode ブログコメントを閉じる:

先ほど追加した最初のコードをクリックしますが、このコードはまだ有効になっていないため、有効にするにはここでアクティブ化する必要があります。

たとえば、ブログ ページを開くと、通常、各ブログにはコメント モジュールがあります。ここにコメントがあることがわかります。コメント モジュールのコードを使用して、コメント モジュールをアクティブ化できます。アクティブ化したら、今すぐ更新します。ブログ ページでは、コメント モジュールは自動的にオフになっています。これは、実際にはコードの機能です。

12 WPCode コードスニペットは、サイト全体のコメントモジュールを無効にする e1714191903375

他にもたくさんありますので、どれが自分に合っているか確認してから使ってみてください。

WPCode ログとデータのインポート:

これはカスタム コードとそのコード ベースなので、他の 2 つを使用することはほとんどありませんが、興味がある場合は、それも勉強し、その後、引き続き背景に戻って見ていきます。もちろん、ここにはいくつかのツールがあります。もちろん、このツールは主にインポートとエクスポート用です。現在のサイトから別のサイトにコードをインポートし、ログなど、システムに関する情報を確認できます。

13 WPCode コードスニペットプラグインツールモジュール e1714191971239

WPCode Pro ライセンス:

その下には、設定用のボックスがもう 1 つあります。実際、設定には何もありません。これは主にアクティベーション コードの 1 つですが、現在アクティベートされているため、心配する必要はありません。もう 1 つは編集ボックスです。コードを編集すると、ボックスの高さはデフォルトの 300 ピクセルまたは自動になります。間違ったログインがある場合は、ログをカウントして、ログを確認することもできます。

14 WPCode コードスニペットプラグイン設定 e1714192021931

さらに、このプラグインは上部のツールバーにクイックエントリを追加します。これは閉じることができます。次は権限です。つまり、コードスニペット編集プラグインの一部の機能を誰が見ることができるかということです。たとえば、管理者やその他のコンテンツを対象に、HTML JSまたはCSSコードの追加を含めることができます。PHPを含め、承認することもできます。コードの追加。最後の項目は、WordPressがPHPを使用して構築されているため、PHPコードを追加できないことです。PHPコードを追加すると、システムでエラーが発生しやすくなります。そのため、PHPコードに精通していない場合は、これをオフにすることができます。これがwpcodeプラグインの主な機能です。