カスタムコード

カスタムコード

カスタムコードについて

カスタムコードとは、任意に作成できるCSS、JS、HTMLのことです。
ページのヘッダー、またはフッターに任意のカスタムコードを出力することができます。
有効化されているカスタムコードは全てのサイトで出力されます。

※ウェブサイトFlexのPremiumプラン、またはAdvancedプランをご利用の場合は
　ページごとにHTMLコードを設定することも可能です。
　詳細は追加HTMLコードのページをご覧ください。

前提

  • カスタムコード一覧についてはこちら

1. CSSの作成

カスタムコード一覧画面から「CSSを追加」をクリックし、編集画面を開きます。

タイトルと本文を入力し、「公開」をクリックします。

「公開」をクリックするとサイトの全てのページにCSSが出力されます。

作成前

作成後

2. JSの作成

カスタムコード一覧画面から「JSを追加」をクリックし、編集画面を開きます。

タイトルと本文を入力し、「公開」をクリックします。

「公開」をクリックするとサイトの全てのページにJSが出力されます。

作成前

作成後

3. HTMLの作成

カスタムコード一覧画面から「HTMLを追加」をクリックし、編集画面を開きます。

タイトルと本文を入力し、「公開」をクリックします。

「公開」をクリックするとサイトの全てのページにHTMLが出力されます。

作成前

作成後

4. 高度な設定

「高度な設定」をクリックして、コードの出力形式(CSSとJSのみ)と、出力箇所を変えることができます。

CSSの形式を「別ファイル」にした場合、以下のようになります。

デフォルトは、「HTML内に直接記載」します。

HTML内に直接記載

別ファイル

出力エリアを「フッター」にした場合、以下のようになります。

デフォルトは、「ヘッダー」に出力します。

ヘッダー

フッター

5. カスタムコードを無効/有効化する

「無効化する」をクリックするとカスタムコードを無効化できます。

無効なカスタムコードの場合、「有効化する」をクリックするとカスタムコードを有効化できます。

6. カスタムコードを削除する

「ゴミ箱へ移動」をクリックすると、カスタムコードを削除できます。

カスタムコードを削除できました。

    • Related Articles

    • カスタムコード一覧

      カスタムコード一覧について カスタムコード一覧画面では以下のようなことができます。 カスタムコードの新規作成画面/編集画面へのアクセス カスタムコードの有効/無効化 カスタムコードの削除 カスタムコードの検索 カスタムコードの並び替え 前提 カスタムコードについてはこちら 1. カスタムコードの新規作成画面へのアクセス 作成したいカスタムコードに合わせて画面上部のボタンをクリックします。 CSSを追加したい場合は、「CSSコードの追加」をクリックします。 2. ...

    • 追加HTMLコード

      ウェブサイトFlexのPremiumプラン、またはAdvancedプランをご利用の場合、 追加HTMLコードの機能をご利用いただけます。 全プランで利用可能なカスタムコードがサイト全体の設定となるのに対し、 ページごとにHTMLコードを指定することができます。 設定手順 1.設定＞詳細設定＞高度な設定（追加HTMLコード）で「表示」にチェックを入れて更新します。 2.「ページ」「お知らせ」等の編集画面下部に、HTMLコードの設定項目が表示されるようになります。 ...

    • トラッキングコード・コンバージョンコード設定方法

      Googleアナリティクスのコード設定方法はこちらのページを参照ください。 広告用コードや分析用コードについて、反映させるべき箇所は各サービスのヘルプページなどでご確認ください。 ウェブサイトFlexへの登録はカスタムコード＞HTMLコードの追加から行います。 <head>内に埋め込みと指示がある場合 HTMLコード追加より、オプション＞表示位置＞<head>タグ内を選択して公開します。 ページ内の<head></head>タグ内、titleタグの直前に反映します。 ...

    • メニュー全般

      メニューについて 管理画面の左側に表示されるメニューからサイト全体や各種ページの設定を確認・編集することができます。 メニューの項目一覧 メニューの表示項目は以下の通りです。 項目 説明 ホーム ダッシュボードを開きます。 基本操作ガイド サイト公開までに必要な設定の流れを確認できます。 ページ ページ一覧画面を開きます。 お知らせ お知らせ一覧画面を開きます。 ブログ ブログ一覧画面を開きます。 お客様の声 お客様の声一覧画面を開きます。 特集 特集一覧画面を開きます。 建物 ...

    • LINEの問い合わせメッセージの連携方法について

      LINEの問い合わせメッセージについて ウェブサイトFlexでは顧客から不動産会社へLINE経由で問い合わせできる設定をおこなえます。 LINEの問い合わせメッセージ設定方法 ①ウェブサイトFlexの設定＞サイト設定＞SNS関連＞LINE@友だちに追加URLに、LINE@で発行されたURLを入力します。 　尚、LINE for Businessで作成したアカウントである必要があります。 　【ご参考】※LINEの公式サイトに移動します　https://www.linebiz.com/jp/ 　　 ...