インバウンドとは:
インバウンドは次の3つの方法を通じて実践されます。
format_date('yyyy/MM/dd') などテンプレートフィルターを使う<!--
templateType: global_partial
label: トップページニュースブロック
-->
<div class="news-bg inview fadeup">
<div class="news-container container">
{% if content.language == "ja" %}
{% set rec_posts = blog_recent_posts(208704708340, 3) %}
{% set labels = {"title": "お知らせ" , "no_news": "お知らせがありません"} %}
{% else %}
{% set rec_posts = blog_recent_posts(209170263750, 3) %}
{% set labels = {"title": "News", "no_news": "No news." } %}
{% endif %}
{% if rec_posts %}
<div class="news-left">
<div class="section-title">
<h1 class="main-title"> {{ labels.title }}</h1>
<div class="section-sub-title-row">
<p>NEWS</p>
<div class="border-line-row"></div>
</div>
</div>
<div class="view-more-box">
<a href="/news" class="view-more-txt">VIEW MORE</a>
</div>
</div>
<ul class="news-list">
{% for rec_post in rec_posts %}
<a class="news-list-a" href="{{ rec_post.absolute_url }}">
<li class="news-item">
<div class="news-img-box">
<img class="news1" src="{{ rec_post.featured_image }}" alt="">
</div>
<div class="news-item-left">
<p class="date">{{ rec_post.publish_date | format_date('yyyy/MM/dd') }}</p>
<p class="title">{{ rec_post.name }}</p>
</div>
</li>
</a>
{% endfor %}
</ul>
{% else %}
<p>
{{ labels.no_news }}
</p>
{% endif %}
</div>
</div>{% if content.language == "en" %}
{% set rec_posts = blog_recent_posts(215738077920, 5) %}
{% else %}
{% set rec_posts = blog_recent_posts(209432508120, 5) %}
{% endif %}{% for rec_post in rec_posts %}
{% set tags = [] %}
<!-- 不要なタグを除いたタグリスト(記事ごと) -->
{% for item in rec_post.tag_list %}
{% if item not in ["Waring", "注意"] %}
{% do tags.append(item) %}
{% endif %}
{% endfor %}
<dl>
<dt>
<div>
<img src="{{ rec_post.featured_image }}">
</div>
<p>{{ rec_post.publish_date | format_date('yyyy/MM/dd') }}</p>
</dt>
<dd>
<div>
<span>{{ tags[0].name |escape_html }}</span> <!-- 1つ目のタグを表示 --->
</div>
<a href="{{ rec_post.absolute_url }}">{{ rec_post.name }}</a>
</dd>
</dl>
{% endfor %}設定 > ツール > コンテンツ > ブログ > テンプレートタブリストページあたりの記事数 にエントリ数を設定しますcontents.total_page_count : ブログ一覧(contents)の前ページ数current_page_num 現在の一覧ページでのページ番号 ( URLが/ブログスラグ/page/3 の場合 3){% if contents.total_page_count > 1 %}
<div class="blog-pagination">
{% set page_list = [-2, -1, 0, 1, 2] %}
{% if contents.total_page_count - current_page_num == 1 %}{% set offset = -1 %}
{% elif contents.total_page_count - current_page_num == 0 %}{% set offset = -2 %}
{% elif current_page_num == 2 %}{% set offset = 1 %}
{% elif current_page_num == 1 %}{% set offset = 2 %}
{% else %}{% set offset = 0 %}{% endif %}
<div class="prev">
{% if current_page_num > 1 %}
<a href="{{ blog_page_link(last_page_num) }}"> PREV </a>
{% else %}
<span> PREV </span>
{% endif %}
</div>
<div class="page_num">
{% for page in page_list %}
{% set this_page = current_page_num + page + offset %} {# パジネーションのページ #}
{% if current_page_num == this_page %}
{% set active_class = 'active' %}
{% else %}
{% set active_class = 'inactive' %}
{% endif %}
{% if this_page >= 1 and this_page <= contents.total_page_count %} <div>
<a href="{{ blog_page_link(this_page) }}" class="{{ active_class }}">{{ this_page }}</a>
</div>
{% endif %}
{% endfor %}
</div>
<div class="next">
{% if contents.total_page_count > current_page_num %}
<a href="{{ blog_page_link(current_page_num + 1) }}"> NEXT </a>
{% else %}
<span> NEXT </span>
{% endif %}
</div>
</div>
{% endif %}HubSpotのブログ一覧テンプレートで blog_page_link を使用してページ番号付きのパジネーションを実装する簡単な例を以下に示します。
このコードは、ブログ記事一覧の下などに配置することで機能します。
{% if contents.total_page_count > 1 %}
<nav class="blog-pagination">
{% set max_links = 5 %} {# 表示するページ番号の最大数 #}
{% set current_page = contents.current_page_num %}
{% set total_pages = contents.total_page_count %}
{# 前へのリンク #}
{% if contents.has_previous_page %}
<a href="{{ blog_page_link(contents.previous_page_num) }}" class="previous-page">前へ</a>
{% endif %}
{# ページ番号リンク #}
{% set start_page = (current_page - (max_links / 2)) | round(0, 'floor') %}
{% set end_page = (current_page + (max_links / 2)) | round(0, 'ceil') %}
{% if start_page < 1 %}
{% set start_page = 1 %}
{% set end_page = max_links %}
{% endif %}
{% if end_page > total_pages %}
{% set end_page = total_pages %}
{% set start_page = (total_pages - max_links + 1) > 0 acorn (total_pages - max_links + 1) else 1 %}
{% endif %}
{% for i in range(start_page, end_page + 1) %}
<a href="{{ blog_page_link(i) }}" class="page-number {% if i == current_page %}active{% endif %}">{{ i }}</a>
{% endfor %}
{# 次へのリンク #}
{% if contents.has_next_page %}
<a href="{{ blog_page_link(contents.next_page_num) }}" class="next-page">次へ</a>
{% endif %}
</nav>
{% endif %}コードの説明:
{% if contents.total_page_count > 1 %}: ブログの総ページ数が1より大きい場合にのみパジネーションを表示します。<nav class="blog-pagination">...</nav>: パジネーション全体を囲むナビゲーション要素です。CSSでスタイルを適用するためにクラスを付けています。{% set max_links = 5 %}: 表示するページ番号の最大数を設定します。この例では5つ表示します。{% set current_page = contents.current_page_num %}: 現在表示しているページの番号を取得します。{% set total_pages = contents.total_page_count %}: ブログの総ページ数を取得します。{% if contents.has_previous_page %}: 前のページが存在する場合に「前へ」リンクを表示します。<a href="{{ blog_page_link(contents.previous_page_num) }}" class="previous-page">前へ</a>: blog_page_link を使用して前のページへのリンクを生成します。contents.previous_page_num で前のページの番号を取得します。max_links に基づいて表示するページ番号の範囲 (start_page から end_page) を計算しています。これにより、現在のページを中心にページ番号が表示されるようになります。{% for i in range(start_page, end_page + 1) %}: start_page から end_page までの各ページ番号に対してループ処理を行います。<a href="{{ blog_page_link(i) }}" class="page-number {% if i == current_page %}active{% endif %}">{{ i }}</a>: 各ページ番号へのリンクを生成します。blog_page_link(i) で指定されたページ番号へのリンクが生成されます。現在のページであれば active クラスを付けてスタイルを適用できるようにしています。{% if contents.has_next_page %}: 次のページが存在する場合に「次へ」リンクを表示します。<a href="{{ blog_page_link(contents.next_page_num) }}" class="next-page">次へ</a>: blog_page_link を使用して次のページへのリンクを生成します。contents.next_page_num で次のページの番号を取得します。このコードをブログ一覧テンプレートの適切な位置に貼り付けることで、ページ番号付きのパジネーションが表示されます。必要に応じて、CSSで .blog-pagination, .page-number, .active, .previous-page, .next-page といったクラスにスタイルを適用してください。
マーケティングにおけるファネルとは、顧客が商品やサービスを認知してから購入に至るまでのプロセスを段階的に可視化したフレームワークのことです。日本語では「漏斗（ろうと）」とも呼ばれます。
ファネルの基本的な考え方
ファネルは、顧客の購買行動を以下の段階に分け、それぞれの段階における顧客の数や行動を分析することで、マーケティング戦略の改善に役立てます。
ファネルの重要性
ファネル分析は、マーケティング戦略において以下の点で重要です。
ファネルの種類
マーケティングファネルには、いくつかの種類があります。代表的なものを以下に挙げます。
ファネルの活用方法
ファネルは、以下のようなマーケティング活動に活用できます。
ファネル分析を通じて、顧客の購買行動を深く理解し、効果的なマーケティング戦略を実行することで、売上向上や顧客満足度向上につなげることができます。
HubSpot社が提唱しているフライホイール型ビジネスモデルは、従来のファネル型モデルに代わる、顧客を中心に据えた循環型のビジネスモデルです。その概念を分かりやすく説明します。
フライホイールとは？
フライホイールの構成要素
フライホイールは、「Attract（惹きつける）」「Engage（信頼関係を築く）」「Delight（満足させる）」の3つの段階で構成されています。
フライホイールの重要性
フライホイールを回すために重要な要素
HubSpotは、自社のビジネスモデルをフライホイール型に転換することで、顧客満足度と成長率を大幅に向上させました。
より詳しい情報は、以下のHubSpotの関連ページをご覧ください。
制限:
or 検はできない{% set query ="" %}
{% if request.query_dict.partner_type %}
{% set query = "&partner_type=" + request.query_dict.partner_type %}
{% endif %}
{% set partners = hubdb_table_rows(624243407, query) %}
<section id="partners">
<h3>
パートナー
</h3>
<div>
<a href="?partner_type=販売店">販売店</a>
<a href="?partner_type=ディストリビューター">ディストリビューター</a>
</div>
<div>
{% for partner in partners %}
<div>
{{ partner.partner_name }}
</div>
{% endfor %}
</div>
</section>language) で選択言語を判定{% if language == "ja" %}
{% set ja_selected = "selected" %}
{% set en_selected = "" %}
{% else %}
{% set ja_selected = "" %}
{% set en_selected = "selected" %}
{% endif %}
{% set language_dict = {"en": "", "ja": ""} %}
{% set all_variants = language_variants(module.display_mode) %}
{% for variant in all_variants %}
{% if variant.languageCode == "ja" %}
{% do language_dict.update({ ja: variant}) %}
{% elif variant.languageCode == "en" %}
{% do language_dict.update({ en: variant}) %}
{% endif %}
{% endfor %}
{% macro lang_option(lang, value, selected) %}
<option class="selectorfont" value="{{ value|escape_url }}" {{selected}}> {{ lang }}</option>
{% endmacro %}
{% if language_dict.en %}
<select class="form-control">
{{ lang_option("Japanese", language_dict.ja.localizedUrl, ja_selected )}}
{{ lang_option("English", language_dict.en.localizedUrl, en_selected )}}
</select>
{% endif %}// id=lang-switcher コンテナ配下にレンダリングされる
const selectElement = document.querySelector('#lang-switcher select');
if (selectElement ) {
selectElement.addEventListener('change', (event) => {
const selectedValue = event.target.value;
if (selectedValue ){
window.location.href = selectedValue;
}
});
}HubSpotで特定のページにパスワードをかけるには、以下の手順で設定できます（対象はウェブサイトページまたはランディングページです） 1 2：
HubSpotにログイン
対象ページがあるアカウントにログインします。
ページ編集画面を開く
編集対象のページを選択して「編集」をクリック
［ファイル］→［ページ設定］を開く
［オーディエンスアクセス］セクションで「パスワード必須」を選択
パスワードを入力（8文字以上）
右上の［更新］または［公開］をクリックして変更を反映
HubSpotでパスワード入力画面（プロンプトページ）のデザインをカスタマイズするには、以下の方法があります 1：
HubSpot CMSでは、パスワード入力画面は「システムページ」として扱われます。これを編集することで、見た目や文言を変更できます。
password-protected.html などのテンプレートファイルを開くHubSpotでは、「標準パーシャル（Standard partials）」と呼ばれる、グローバルではないパーシャルの仕組みがあります。
グローバルパーシャルがサイト全体で共通のコンテンツを管理するのに対し、 標準パーシャルは、ページごとにコンテンツを編集できる再利用可能なテンプレートの部品です。
標準パーシャルは、HubSpotのHTML + HubLテンプレートとして作成され、
{% partial path=" " %} のようにHubLタグを使用して他のテンプレートに組み込まれます。これにより、開発者は共通のコードをまとめて管理しつつ、コンテンツ編集者はページエディターで個別に内容を編集できる柔軟性を提供します。
この仕組みは、デザインの一貫性を保ちながら、コンテンツの個別性を確保する上で非常に有効です。
アノテーション
/*
templateType: page
isAvailableForNewContent: false
*/{% include "../partial/sidebar.html" %}