あなたのウェブサイトが標準的な静的サイトとして構築されている場合、または .html や .php のようなシンプルなファイルを使用している場合、SEOptimer Embed Form を埋め込むことは通常非常に簡単です。


このガイドは、ページのソースコードに直接アクセスできるウェブサイトのための最も基本的なインストール方法をカバーしています。それには、プレーンHTML、PHP、または他のシンプルなサーバーレンダリングファイルで構築されたサイトが含まれ、ページのマークアップが明確に公開されています。


始める前に


フォームを生成して埋め込む前に、ホワイトラベルレポートテンプレートが完全に設定されており、埋め込みフォームの設定が構成されていることを確認してください。これらが準備できたら、[Embedding Settings] ページに移動し、ページの下部までスクロールして埋め込みコードを生成できます。

埋め込みコードの構造を理解する


埋め込みコードを生成した後、コードが3つのセクションに分かれていることに気付くでしょう:

  • CSS
  • HTML
  • JavaScript


各セクションは異なる役割を果たします：

  • CSSはフォームの外観を制御します
  • HTMLはページ上のフォームの位置を定義します
  • JavaScriptはフォームの機能を読み込み、動かします

CSSおよびHTMLセクションはサイトやレイアウトに合わせてカスタマイズできますが、JavaScriptは提供されたまま正確に残しておく必要があります。変更するとフォームが壊れる可能性があります。

プレーンなHTMLまたはPHPページに埋め込みフォームを追加する方法


フォームを表示させたいファイルを開きます。これは次のようなものかもしれません:

  • index.html
  • pricing.html
  • contact.php
  • audit.php

次に、SEOptimer埋め込みコードをページの"フォームを表示したい部分"に貼り付けてください。


これは基本的なHTMLページでどのように見えるかの簡単な例です:

HTML Embed

PHPページでは、プロセスは同じで、ファイル内の適切な場所に埋め込みコードを貼り付けるだけです：

PHP Embed

ページを保存してテストする


ページに埋め込みコードを追加した後、「フォーム」が正しく動作しているかどうかを確認するためにテストする時です。必要に応じてファイルを保存してサーバーにアップロードし、ブラウザでページを開いて「フォーム」が正しく読み込まれるかどうかを確認してください。

この段階で、フォームが希望どおりに表示されていない場合は、いくつかの「調整」を行う必要があるかもしれません。これらの変更のほとんどは、コードのCSS部分に対して行う必要があります。

  • [フォーム]が全く表示されない場合は、次の点を確認する必要があります:
  • JavaScriptが不完全であるか編集されているかどうか
  • コードを間違ったファイルまたは場所に貼り付けたかどうか
  • [キャッシングの問題]があるかどうか
  • 既存のスクリプトやスタイルと[競合]しているかどうか

フレームワークと高度なセットアップに関する注意


このガイドは、HTMLが直接編集可能なシンプルなサイト向けに設計されています。サイトがReact、Vue、またはAngularのようなフロントエンドフレームワークを使用している場合、コンテンツが静的ファイルに直接書き込まれるのではなく動的にレンダリングされるため、プロセスが異なることがあります。


その場合、フォームを埋め込むにはより技術的なアプローチが必要になることがあります。

まとめ


プレーンなHTMLまたはPHPサイトの場合、SEOptimerフォームの埋め込みは簡単なプロセスです。コードを生成してページに貼り付けるだけで準備完了です。
インストールが完了すると、リードをキャプチャし、ブランド化されたレポートをサイトから直接提供する完全に機能するSEO監査フォームが利用可能になります。

助けが必要ですか？


ライブチャット: "ライブチャットをクリック" (右下)
メール: [email protected]
応答時間: "24時間以内"