hotweb Business サポートサイト

トップ  »  チュートリアル  »  hotweb Business 導入手順

hotweb Business 導入手順


アカウント取得する

hotweb Business Editionのお申し込みを行っていただき、アカウント情報(hotweb ID、ユーザID)を取得してください。

IPアドレスを申請する

自分の運営しているWebサイトにhotweb Business Editionで作成したページ情報を表示させるためには、IPアドレスの登録が必要となります。
hotweb Business Editionを導入したいWebサイトのサーバのIPアドレスをアカウント発行元に申請してください。

ページを作成する

取得したアカウントでログインして、ページを作成してください。作成したページをリリースすると埋め込み用のURLが発行されます。

※ページの作成方法に関しては、「操作マニュアル」をご覧ください。

ページをWebサイトに埋め込む

自サイトの一部として埋め込む

SEO効果を考慮して埋め込むにはHTMLソースが自分のサイト内に出力される必要があります。
以下、PHPを利用して埋め込んだ場合の例を表示します。

ページを作成し、リリースするとページURL、CSS URL、JS URLが発行されます。
ページ一覧の『URL』リンクをクリックすると、各URLが表示されます。


<head>タグ内に発行されたCSS URLとJS URLを呼び出すように記述します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 
Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"  xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>sample site</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" media="screen,print" href="css/main.css">
<link rel="stylesheet" 
href="http://api.hotweb.bz/file/U1YACZ/css/cssxxxxxxxxxxxxxxxxxxxx/hw_main.css" type="text/css" media="screen"/>
<script type="text/javascript" 
src="http://api.hotweb.bz/file/U1YACZ/js/jsxxxxxxxxxxxxxxxxxxx/hw_main.js"></script>


</head> <body> ・ ・ ・

<body>タグ内のページを表示したい箇所にページURLを呼び出すプログラムを記述します。

<body> 
・
・
・
<!-- hotweb / --> 

<?php
echo file_get_contents("
http://api.hotweb.bz/page/hw_id/hotwebidxxxxxxxxxxxxxxxxxxxx/pg_id/pageidxxxxxxxxxxxxxxxxxxxx/encoding/utf-8"); 
?> 
<!-- /hotweb --> 
・
・
・
</body>

IFRAMEタグを利用して埋め込む

SEO効果をあまり気にしない場合には、IFRAMEタグを利用して簡単に埋め込むことができます。


<body>タグ内のページを表示したい箇所にページURLを呼び出すプログラムを記述します。

<body> 
・
・
・
<!-- hotweb / --> 

<iframe src="http://api.hotweb.bz/iframe/hw_id/hotwebidxxxxxxxxxxxxxxxxxxxx/pg_id/pageidxxxxxxxxxxxxxxxxxxxx/encoding/utf-8" width="620" height="1400"> </iframe>
<!-- /hotweb --> ・ ・ ・ </body>

APIによる連携

hotweb Business Editionでは、作成したページ情報をAPIを利用して取得することができます。

※APIのご利用方法に関しては、「APIリファレンス」をご覧ください。