ボタンとバッジ
<「ボタンとバッジ」に戻る

ウェブサイト用 Houzz ボタン

Houzz ボタンを設置すれば、ウェブサイトの訪問者が、あなたの空間写真や商品を簡単にアイデアブックに追加できるようになります。


ヒント：http://ではじまる有効な画像

Preview （警告：画像をロード出来ません）:




タイトルを入力してください。




カテゴリを入力してください。
本ページ内に他の Houzz アカウントのバッジが埋め込まれています。

以下のコードを使ってあなたのページをアップデートしてください

 Houzz ボタンコード 他のSNSシェアボタンとともにこのコードを貼付けてください。
Houzz ボタン埋め込み用コードのテンプレート
<a class="houzz-share-button"
   data-url="http://www.mysite.jp/product/page/"
   data-hzid=""
   data-title="Product Title as it will be seen inside Houzz "
   data-img="http://mysite/path/to/product/image.jpg"
   data-desc="商品の詳細"
   data-category="カテゴリキーワード"
   data-showcount="1"
   href="https://www.houzz.jp">Houzz</a>
<script>...</script>

Houzz ボタンは<script>タグに続く <a>タグのコードを含んでいます。HTML5カスタムデータを通して、Houzzで表示されるあなたのアイテムのタイトル、画像、説明文をカスタマイズしましょう。

埋め込んだコードは商品ページのHTMLに入れてください。あなたのサイトとあなたの商品をHouzzのプロフィールとしてHouzzサーバーは認証します。

選択可能の特徴

  • data-url - 商品のカノニカルURLです。既に商品がHouzzに登録されている場合、リスティングの重複を避け、アイデアブックの正確さを保つために、URLが一致しているか確認してください。
  • data-hzid - このサイトのオーナーであることを認証する識別名。
  • data-title - 商品のタイトル
  • data-img - 高画質の商品画像のリンク
  • data-desc - 商品概要
  • data-category - 商品のカテゴライズのキーワードのヘルプ
  • data-showcount - 「1」でこの商品が掲載されているアイデアブック数が表示されます。「0」で非表示になります。
ウェブサイトの所有権
あなたのHouzzウェブサイトID （HZID）：

あなたのHouzzプロフィール内の商品ページとリンクするためにこの識別名を使います。他のサイトに識別名を使用されないように、あなたが保有するドメインをprofile'sに明記してください。 ウェブサイトボタンの設定.

公認ドメインリスト (編集)：