---
title: タグアーカイブページでタグ名を取得する｜Tips｜日本トップクラスのHubSpotテック企業 株式会社パンセ
description: ブログのタグアーカイブページ（https://hubspot.pensees.co.jp/tips/tag/cms など）では、「tag」の変数名でスラッグは取得できますが肝心のタグ名が取得できません。タグ名をタイトルなどで表示しようと思うと地味に困るこの仕様ですが、解決策がありますので紹介します。
image: https://demo.100inc.co.jp/hubfs/Imported%20images/logo.png
---

[![株式会社100ロゴ](https://demo.100inc.co.jp/hs-fs/hubfs/Imported%20images/logo.png?width=60&height=45&name=logo.png)](https://demo.100inc.co.jp)

Nov 17, 2021, 12:00:00 AM[CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub)

# タグアーカイブページでタグ名を取得する

## 目次

ブログのタグアーカイブページ（[https://hubspot.pensees.co.jp/tips/tag/cms](https://hubspot.pensees.co.jp/tips/tag/cms) など）では、「tag」の変数名でタグのスラッグは取得できますが肝心のタグ名が取得できません。タグ名をタイトルなどで表示しようと思うと地味に困るこの仕様ですが、解決策がありますので紹介します。

## 方法1. blog\_tagsを使う（ちょっと不確実なやり方）

まず最初に思い付いたのがこの方法で、[`blog_tags`関数](https://developers.hubspot.com/docs/cms/hubl/functions#blog-tags)を使います。この関数でそのブログのタグをたくさん取得し、forループ内でスラッグが一致したらタグ名を出力する、という考え方です。コードはおおよそ次の通りです。

```
     

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

   

  
```

シンプルな考え方ではありますがこの方法には欠点があり、タグが250を超えた場合に確実に取得できる保障がありません。現実にタグが250を超えるケースに遭遇したことはなく、またそんな状況はメディアとしてタグ運用を考え直した方がよいですが、それはそれ、これはこれでプログラムとしてはどんな状況であろうと動くことを担保したいものです。

そして辿り着いたのが、次の方法です。

## 方法2. いったん記事を取得する

タグ名を出力するに当たり、欲しいのはタグオブジェクト（ディクショナリ）です。これを取得するのに確実な方法は何かと考えたときに思い当たったのが、記事を取得することでした。

記事は `topic_list` 変数がタグの配列になっており、そのメンバがタグのオブジェクトになっています。

- タグアーカイブが出力されており
- かつ画面上からタグアーカイブに遷移できる

ということはそのタグが付いた記事が必ず1つ以上あることになりますので、この確実性を利用し [`blog_recent_tag_posts`関数](https://developers.hubspot.com/docs/cms/hubl/functions#blog-recent-tag-posts)を使用してタグのオブジェクトを取得します。コードは次の通りです。

```
     

   

  
```

これで、例えタグの数が250以上あろうとも確実にタグ名を取得できるようになりました。

- [シェア](https://www.facebook.com/sharer.php?u=https%3A%2F%2Fdemo.100inc.co.jp%2Fblog%2Ftips%2Fget-tag-name-at-tag-archive-page)
- [ツイート](https://twitter.com/share?text=%E3%82%BF%E3%82%B0%E3%82%A2%E3%83%BC%E3%82%AB%E3%82%A4%E3%83%96%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%A7%E3%82%BF%E3%82%B0%E5%90%8D%E3%82%92%E5%8F%96%E5%BE%97%E3%81%99%E3%82%8B%EF%BD%9CTips%EF%BD%9C%E6%97%A5%E6%9C%AC%E3%83%88%E3%83%83%E3%83%97%E3%82%AF%E3%83%A9%E3%82%B9%E3%81%AEHubSpot%E3%83%86%E3%83%83%E3%82%AF%E4%BC%81%E6%A5%AD+%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%91%E3%83%B3%E3%82%BB&url=https%3A%2F%2Fdemo.100inc.co.jp%2Fblog%2Ftips%2Fget-tag-name-at-tag-archive-page)

執筆者：[Admin](https://demo.100inc.co.jp/blog/author/admin)

## 関連記事

## 人気の記事

- Nov 22, 2019, 12:00:00 AM
    - [CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub)
  
  
  [カスタムモジュールのリピートコンテンツの入力が面倒な場合の対処法](https://demo.100inc.co.jp/blog/tips/resolve-hassle-of-repeater)
- Dec 30, 2022, 3:22:31 PM
    - [#sample](https://demo.100inc.co.jp/blog/tag/sample)
  
  
  [テストpost（複製）](https://demo.100inc.co.jp/blog/アカデミー練習-1-0)
- Jun 20, 2019, 12:00:00 AM
    - [CMS Hub](https://demo.100inc.co.jp/blog/tag/cms-hub)
  
  
  [CSSやJSの修正をすぐに確認したければ、プレビューURLで](https://demo.100inc.co.jp/blog/tips/check-update-on-preview-url)
- Dec 11, 2017, 12:00:00 AM
    - [ブログ](https://demo.100inc.co.jp/blog/tag/ブログ)
  
  
  [INBOUND 2017参加レポート サブセッション編](https://demo.100inc.co.jp/blog/tips/inbound-2017-subsessions)
- May 9, 2024, 1:20:53 PM
    - [#通常のタグ](https://demo.100inc.co.jp/blog/tag/通常のタグ)
  
  
  [test](https://demo.100inc.co.jp/blog/test-shida)

© Pensees