ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ

ゲーマーズステーション | ゲームを中心に、動画・ブログ制作などのネットコンテンツ全般からレビュー情報まで分かりやすく紹介

機種別ハイスコア(80点~)タイトルを見る

機種別ハイスコア(80点~)タイトルを見る

HP・ブログ関連 セール・お役立ち情報

HTMLサイトでも設置可能!ホームページにブログのような"一言コメント欄"を設置する方法

2019年4月7日

自分のホームページにブログでよく見るようなコメント機能を追加したい!でもCGIとか勉強するのメンドくさいし・・・。 そういった方のために今回、簡単に一言コメント欄を設置する方法を紹介します!(Google Chrome, IE11で動作確認)

ちなみに導入に成功すると、このページの下部にあるようなコメント欄が設置されます。

職業ユーチューバーにオススメ!

会社員・個人事業主・法人代表者のいずれでも発行可能

アメリカン・エキスプレス®
・ビジネス・カード

当サイトからの入会で
初年度の年会費0円(無料)

20歳から入手可能な金属製ゴールドカード

会社員・個人事業主・法人代表者のいずれでも発行可能

アメリカン・エキスプレス®
・ビジネス・ゴールド・カード

当サイトからの入会で
初年度年会費0円(無料) 3万ポイント

① プログラムのダウンロード

まずはプログラムを配布して下さっている 「WebmasterTOOL」さんのサイトに行き、下の方にスクロールすると"一言コメント"のダウンロードボタン があるので、押してダウンロードを開始してください。

※押してもダウンロードを開始しない場合は、ページ上部でメールアドレスを送信してから 再度押してみてください。

② HTML行の追加

ボタンを押すと"comment110.zip"がダウンロードされると思うので、解凍して"comment.html""comment.php"を出してください。

そしてエディタなどで"comment.html"を開き、 "一言コメントフォーム START"から"一言コメントフォーム END"の間の部分をコピーし、 設置したいページの設置したい箇所に貼り付けてください。この部分がコメント欄になります

この時に、コメント欄を設置するページごとで別々に管理したい場合は、"comment.php"(赤枠で囲った部分)の名前を 分かり易いように設置するページの名前に変更してください(例ではcomment_page1.phpとしています)

③ .phpファイルの編集

次にもう一つのファイル、"comment.php"を開いてください。
※上で赤枠の部分を変更した場合は、このphpファイルも同じ名前に変更してください。

開いたら4行目にある"$setchar='Shift_JIS';と、39行目のheader("content-type: text/html; charset=Shift_JIS"); の文字コード「Shift_JIS」の部分を、設置するHTMLページの文字コードと同じものにしてください。
(UTF-8, Shift_JIS, EUC-JP,ISO-2022-JP から選択)

ページごとにコメントを管理したい場合

ページごとにコメントを管理したい場合は、24行目と32行目の"hpcomment.msg"(赤枠で囲った部分)の名前を 管理しやすいように、ページに対応する名前に変更しておいてください(ページにコメントが書き込まれると、この名前の.msgファイルが生成され、 コメントの管理や削除ができるようになります)

④ アップロード

以上の手順が完了したら手順③で編集した.phpファイルを、コメント欄を設置したいhtmlファイルと同じ階層のフォルダ内に置き、 サーバーにアップロードしてください。

コメント欄は設置できたがコメントが送信できない時の対処法

  • 荒らし対策の為、半角文字のみのコメントは送信できません。必ず全角文字を一文字以上含めてください。
  • ダウンロードした.phpファイルはコメント欄を設置したいhtmlと同じ階層に置いてあるかどうか確認してください。
  • .phpファイルの名前は、htmlの方で指定した名前と同じになっているかどうか確認してください。
  • 送信テストは全てのファイルをサーバーにアップロードしてから行っているでしょうか。 (※サーバーにアップする前のローカルの状態で送信ボタンを押してもコメントは送信されません)
  • 利用しているサーバーがPHPに対応しているかどうか確認してください。
  • (レンタルサーバーによってはphpを使用する際に設定が必要なところもあります。ちなみに私は"さくらサーバー"を使用しています。)
  • htmlのコメント欄設置部分(手順2)が、別の<table></table>内に入れ子状態になっていると正常に動作しないという報告を頂きました。
  • 以上の対処法を試しても機能しない場合は、ホームページにブログのようなフィードバックコメント欄を簡単に設置する方法 の方のコメント欄を試してみてください。

以上で完了です!コメント欄が無事に設置されていたら試しにコメントを送信してみて、きちんと表示されるかを確認してください。もし文字化け してしまう場合は、"手順3"での文字コードが間違っている可能性があります。再度確認してみてください。

これで面倒なCGIの勉強をすることなくコメント欄を設置することができました! もしもご不明な点がありましたらコンタクトフォームよりお問い合わせください!

コメント欄設置例

下のコメント欄が設置例となります。スタイルはCSSで好みなように編集可能です

一言コメントをどうぞ!(100字まで・半角文字のみの文は送信できません)

この記事をシェアする

関連コンテンツ

Amazon売上ランキング(毎時更新)
  • ニンテンドースイッチ
  • PS4
  • PS5
  • XSX|S
  • PCゲーム関連
  1. ゲーム機本体
    発売日 : 2019年08月30日
    価格 : ¥32,970
    最安値 : ¥29,000
  2. ゲームソフト
    発売日 : 2019年10月18日
    価格 : ¥7,573
    最安値 : ¥6,300
  3. ゲーム機本体
    発売日 : 2019年08月30日
    価格 : ¥32,978
    最安値 : ¥29,350
  4. ゲームソフト
    発売日 : 2021年07月16日
    価格 : ¥5,580
    最安値 : ¥4,690
  5. コントローラー
    発売日 : 2017年03月03日
    価格 : ¥6,645
    最安値 : ¥6,645
  6. ゲームソフト
    発売日 : 2021年07月15日
    価格 : ¥5,682
    最安値 : ¥5,300
  7. ゲームソフト
    発売日 : 2018年12月07日
    価格 : ¥6,609
    最安値 : ¥5,580
  8. ゲームソフト
    発売日 : 2017年04月28日
    価格 : ¥5,553
    最安値 : ¥4,780
  9. ゲームソフト
    発売日 : 2018年06月21日
    価格 : ¥3,273
    最安値 : ¥2,850
  10. ゲームソフト
    発売日 : 2020年11月19日
    価格 : ¥5,564
    最安値 : ¥5,210
  1. ゲームソフト
    発売日 : 2021年10月28日
    価格 : ¥4,318
    最安値 : ¥4,318
  2. ヘッドセット
    発売日 : 2017年07月20日
    価格 : ¥6,670
    最安値 : ¥5,469
  3. ゲーム機本体
    発売日 : 2018年07月01日
    価格 : ¥40,000
    最安値 : ¥36,000
  4. ゲームソフト
    発売日 : 2021年08月02日
    価格 : ¥10,000
    最安値 : ¥10,000
  5. ゲームソフト
    発売日 : 2021年10月28日
    価格 : ¥9,460
    最安値 : ¥9,460
  6. ゲームソフト
    発売日 : 2020年11月09日
    価格 : ¥10,000
    最安値 : ¥10,000
  7. ゲームソフト
    発売日 : 2021年09月09日
    価格 : ¥7,182
    最安値 : ¥7,182
  8. コントローラー(ハンドル・ジョイスティック)
    発売日 : 2017年02月23日
    価格 : ¥9,420
    最安値 : ¥4,500
  9. プレイステーション4
    発売日 : 1970年01月01日
    価格 : ¥2,100
    最安値 : ¥2,100
  10. アクセサリーキット
    発売日 : 1970年01月01日
    価格 : ¥2,150
    最安値 : ¥1,948
  1. ヘッドセット
    発売日 : 2017年07月20日
    価格 : ¥6,670
    最安値 : ¥6,670
  2. ゲームソフト
    発売日 : 2020年11月09日
    価格 : ¥10,000
    最安値 : ¥10,000
  3. コントローラー(ハンドル・ジョイスティック)
    発売日 : 2021年06月10日
    価格 : ¥7,139
    最安値 : ¥7,500
  4. アクセサリーキット
    発売日 : 1970年01月01日
    価格 : ¥2,150
    最安値 : ¥1,948
  5. ヘッドセット
    発売日 : 2020年08月18日
    価格 : ¥10,980
    最安値 : ¥9,004
  6. ゲームソフト
    発売日 : 2020年11月09日
    価格 : ¥1,100
    最安値 : ¥1,100
  7. ゲームソフト
    発売日 : 2020年11月09日
    価格 : ¥5,000
    最安値 : ¥5,000
  8. ヘッドセット
    発売日 : 2020年09月17日
    価格 : ¥15,650
    最安値 : ¥12,580
  9. ヘッドセット
    発売日 : 2019年08月29日
    価格 : ¥10,900
    最安値 : ¥13,750
  10. ゲームソフト
    発売日 : 2020年11月09日
    価格 : ¥3,000
    最安値 : ¥3,000
  1. 周辺機器・アクセサリ
    発売日 : 2021年09月14日
    価格 : ¥12,000
    最安値 : ¥12,000
  2. 周辺機器・アクセサリ
    発売日 : 2020年11月10日
    価格 : ¥6,241
    最安値 : ¥6,241
  3. 周辺機器・アクセサリ
    発売日 : 2020年11月10日
    価格 : ¥5,998
    最安値 : ¥5,320
  4. 周辺機器・アクセサリ
    発売日 : 2020年11月10日
    価格 : ¥4,745
    最安値 : ¥6,940
  5. 周辺機器・アクセサリ
    発売日 : 2020年12月24日
    価格 : ¥36,448
    最安値 : ¥36,448
  6. 周辺機器・アクセサリ
    発売日 : 2021年02月23日
    価格 : ¥6,473
    最安値 : ¥6,680
  7. バッテリー・充電器
    発売日 : 1970年01月01日
    価格 : ¥2,899
    最安値 : ¥2,899
  8. ゲームソフト
    発売日 : 2021年07月27日
    価格 : ¥6,208
    最安値 : ¥6,208
  9. 周辺機器・アクセサリ
    発売日 : 2021年03月16日
    価格 : ¥20,800
    最安値 : ¥19,500
  10. 周辺機器・アクセサリ
    発売日 : 2021年05月11日
    価格 : ¥7,128
    最安値 : ¥9,600
  1. ゲーミングマウス
    発売日 : 2019年06月27日
    価格 : ¥7,900
    最安値 : ¥7,800
  2. ゲーミングマウス
    発売日 : 2020年08月07日
    価格 : ¥12,900
    最安値 : ¥12,900
  3. PCゲーム
    発売日 : 2018年11月26日
    価格 : ¥2,862
    最安値 : ¥2,862
  4. ゲーミングマウス
    発売日 : 2021年02月25日
    価格 : ¥16,082
    最安値 : ¥14,980
  5. ゲーミングキーボード
    発売日 : 2019年11月14日
    価格 : ¥12,204
    最安値 : ¥8,990
  6. ゲーミングマウス
    発売日 : 2020年12月22日
    価格 : ¥16,082
    最安値 : ¥16,000
  7. ゲーミングマウス
    発売日 : 2019年03月26日
    価格 : ¥3,800
    最安値 : ¥3,800
  8. PCゲーム
    発売日 : 2019年07月02日
    価格 : ¥2,552
    最安値 : ¥2,552
  9. ゲームパッド
    発売日 : 2013年04月19日
    価格 : ¥1,892
    最安値 : ¥1,290
  10. ゲーミングマウスパッド
    発売日 : 2016年04月01日
    価格 : ¥2,800
    最安値 : ¥2,800

-HP・ブログ関連, セール・お役立ち情報
-, , , , , , , , , ,

Copyright© ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ , 2021 All Rights Reserved Powered by AFFINGER5.