ありの研究室

HubSpot カスタムモジュールで、ブール値と IF分(+UNLESS文)を使用してみた

作成者: Anonymous author|2024/10/31

HubSpotでページを編集していると、ページ編集画面の左側に
コンテンツタブスタイルタブが表示されていますよね。
ユーザーが入力するテキストや画像、チェックボックスなんかを設定できる場所です。

今回は、ジュールフィールドの中でシンプルだけど高頻度で使用される、
ブール値フィールドIF文(とおまけにUNLESS文 を試してみました!

🧩 ブール値とは?

カスタムモジュールでブール値フィールドを追加すると、コンテンツタブにチェックボックスとして表示されます。
ユーザーがチェックを入れるかどうかで、値が true または false になります。

では、これをHubLでどう使うか見てみましょう。

👀サンプル:ifunless の使い方

IF文の基本の書き方は、 です。
 は、終わりの印なので忘れないようにします。

ページ編集画面でチェックしていると、中に表示されている文言が表示されます。
HubSpotでは 'true''false'文字列として扱われるため、クォーテーションで囲む必要があります。

ページ編集でチェックしていると、中に表示されている文言が表示されなくなりました。
チェックボックスを空にすると、中に設定した文言が表示されるようになります。

デフォルト値はtrueなので、ページ編集でチェックしていると 中に表示されている文言が表示されます。

前述の通り、デフォルト値はtrueなので、
ページ編集でチェックしていると 中に表示されている文言が表示されますが
どんなツールでも正しくコードを書くのがベストプラクティスだと思います。


5)チェックされてない時だけ表示 ❌

逆に 特定の場合だけ除外する場合、UNLESS文を使用して除外条件を指定する方が便利です!

📌 今日のメモ

ブール値がチェックされた状態は"true"、チェックが外された状態は"false" を指定します。
また、デフォルトのブール値は true
 falseを指定しない限りはチェックされていることが前提になるので、スペルミスに気を付ける。

▍テスト時に、チェックをしているとき

▍テスト時に、チェックを外しているとき

📣  次回予告

次回は、スタイルタブでユーザーがページ編集画面で 色などのデザインを調整できるようにする方法を紹介予定です✨