CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

備忘録

[備忘録]ChatGPTのチャットボットを自サイトに埋め込む方法

投稿日:

GPTsを自社サイトで運用したい、というニーズ

ChatGPTのプロンプトをアプリ化する「マイGPT」(GPTs)の作成方法については、以前のブログ(*1)に記載した通り。
(*1) https://attrise.blog/ceo/archives/16224

で、この方法だと あくまでもChatGPTの中(URL)で動くだけなのだが、それを例えば自社のサイト内に埋め込んでチャットボットのように使うことはできないか!?

こんなお客様からの相談があったので調べてみた。

APIを使って実装可能!

これを実装する場合、大まかに以下の手続きが必要になる。
(1) 当該機能のGPTsを構築
(2) APIキーを取得
(3) APIで外部サイトに実装

考慮点としては、
(1)のGPTsで どこまで作り込むか?(単にChatGPTに質問するだけだと
ダラダラと長い回答になるので、シンプルに回答するよう作り込む必要あり)

(3)は有料(利用料がかかる)

APIは従量課金制

(3)のAPIは、有料で利用料がかかる。
料金は従量課金で、どのモデルを使うか、によって金額も異なります。

※参考:API利用料一覧

※料金は「100万トークンあたりの金額(ドル)」

例えば GPT-5では 「入力 \$1.25/出力 $10.00」なので、実際に
使ったトークン数が 10,000トークンだとすると 費用はそれぞれ

入力 : $1.25 × 0.01 = $0.0125(約1.8円)
出力 :$10.00 × 0.01 = $0.10(約14円)

となる。

※トークンとは
「1回のAPIアクセス」ではなく、「文字や単語を分割した単位」を指す。
例えば、「私は学生です。」は、5トークン(「私」「は」「学生」「です」「。」)
とのこと。(区切る定義がよく分かりませんが。。(汗))

■参考:ChatGPTとのやり取り(下記画像)についてのトークン数は以下とのこと。

・質問文:20~25トークン
・回答文:750~1,200トークン
・合計 :約770~1,225トークン
 
実際にAPIを使って実装する方法は また別途。。
 
 

-備忘録

関連記事

[備忘録]Thumbs.dbって何者?作成しないようにする方法

ちょくちょく見かける「Thumbs.db」 Windowsの隠しファイル「Thumbs.db」。 画像をアプリで表示したりすると いつの間にかフォルダ内にできているようだが、、 これは一体何者だろ。。 …

WordPressサーバー移転(1):管理画面にログインできない。。

そう簡単にはいかないシステムのサーバー移転。。 お客様からのご依頼で、他社サーバーで管理していたWordPress(ワードプレス)で構築されたWebサイトを別サーバーに移管することになった。 単なるH …

[備忘録] IO-DATA テレリモ・テレプレ:「再生できないコンテンツ、またはサーバーがコンテンツを配信できない状態です」の原因

モニタを変更した副作用。。(>_<) 自宅PCのモニタを替えたらエラーで表示できなくなった件はブログに書いたとおりだが、、 このときは、従来のDVI-DケーブルからRGB(D-SUB)のケ …

お名前.comの罠:ある日突然サイト閲覧もメール送受信もエラーになった!

お名前.comの「ドメイン 情報認証のお願い」メールを見逃すな! さっきまで何の問題もなく使えていたサイト、、ホームページも問題なく表示できていたし、メールの送受信も何ら支障なかった。 のに、突然エラ …

[備忘録]Firefox:環境丸ごと引っ越す方法(バックアップにもなる)

自分流にカスタマイズして使い勝手が良い環境のまま引っ越ししたい 例えば、パソコンを再インストールしたり、新たにノートPCを購入したり、、などのとき、今まで自分が使いやすいように自己流でカスタマイズして …