【至急】クリニックのHPに固定フッターの設置【コーディング】

【 募集詳細 】 クリニックの既にあるホームページに 固定フッターのコーディングをお願いいたします。 https://oshima-nagata.com/ ■本日中、もしくは明日の午前中までに納品いただきたいです。 ■「AIチャットの質問」および「ご予約/お問い合わせ」の固定フッターを表示させたいです。 （既にスマホ版に設置されている固定フッターは撤去してください） ■新しい固定フッターは、PC版・スマホ版ともに表示されるようにお願いいたします。 【デザインデータ＆設置イメージ】 ▼デザインデータ 【https://35.gigafile.nu/0322-c00c55b2748d334cedd4901424daa71fd】 ▼設置イメージ 【https://xd.adobe.com/view/8e9c8798-c341-4aeb-9852-7d1a33551e4f-dbcf/】 ①「AIチャットに質問」のバナーは、AIチャット画面(NOMOCa AI chat)を表示させたいため 下記のコードの埋め込みをお願いします。 《NOMOCa AI chat設置方法》 ・NOMOCa AI chat設置コード 【<script src="<script src="https://console.nomoca-ai.com/api/chatbot?bid=NDI3MTM5NTItNjU3MS01OGYxLTVmN2ItZmY2MWEzMmY5NTBkOkJvdDo0ODM=&open_trigger=banner"></script>"></script>】 【id="open-chatbot" 設置方法】 ・タグの配置について 埋め込みスクリプトのタグは、body閉じタグの直前に配置する必要があります。 ・チャットボットを起動するバナー等のHTML要素について ①チャットボットを起動したいHTML要素（ボタンなど）には、id="open-chatbot"というIDを付与してください。 ユーザーがこの要素をクリックすると、チャットボットが起動します。 ②id="open-chatbot"を持つHTML要素は、ページが読み込まれた時点で存在している必要があります。 そのため、埋め込みタグをbodyタグの直前以外の位置に配置した場合の動作については、保証できません。 ③HTML内でid="open-chatbot"は一つだけ使用してください。 もし同じIDを複数の要素に付与してしまうと、予期しない動作やエラーが発生する可能性があり、動作については保証できません。 ・バナー記述例 <button id="open-chatbot">チャットボットを起動する</button> 《注意事項》 ①アクセシビリティの観点からなるべくボタンタグでの設置をお願いします。 ②埋め込みスクリプトの タグは、閉じ タグの直前に配置をお願いします。 これにより、ページの読み込み速度が維持され、全てのコンテンツが正しく表示されます。 ※ タグの直前でないと動作保証ができかねます。 ーーー ②「予約/お問い合わせ」バナーはクリックした際に ポップアップ表示されるようにコーディングをお願いします。 ■ポップアップバナーの項目 【・WEB予約（https://ssc3.doctorqube.com/oshima-nagata/） ・発熱外来の方へ（https://oshima-nagata.com/fever/） ・小児予防接種をご希望の方（https://oshima-nagata.com/vaccinations_for_children/） ・電話（0959-23-0777）】 【 重視する点・経験 】 ・WordPressで構築されたWebサイトのコーディングの経験、実績 【 応募時のお願い 】 過去の実績、ポートフォリオを簡易的にご提示ください。 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！