From 2f73b584d4c2242615d997be07736e144a2b55ab Mon Sep 17 00:00:00 2001
From: lpagnypubstack <lpagny@pubstack.io>
Date: Tue, 1 Apr 2025 11:51:13 +0200
Subject: [PATCH] Update Analytic Page based on bidder page

Redesign the analytics homepage using the bidder homepage as a reference :
- Introduce a search bar for analytics modules.
- Organize analytics modules in alphabetical order.
- Dedicated page for each module with redirection functionality.

Related to issue : https://github.com/prebid/prebid.github.io/issues/5359
---
 overview/analytics.md | 116 +++++++++++++++++++++++++++++++++++-------
 1 file changed, 99 insertions(+), 17 deletions(-)

diff --git a/overview/analytics.md b/overview/analytics.md
index 27240f2bb3..39b940802e 100644
--- a/overview/analytics.md
+++ b/overview/analytics.md
@@ -50,30 +50,112 @@ pbjs.que.push(function() {
 
 {% assign analytics_pages = site.pages | where: "layout", "analytics" %}
 
-<ul>
+## Search for analytics adapters
+
+<input type="text" id="autocomplete-filter" class="autocomplete-filter">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.1.5/awesomplete.min.js" integrity="sha512-HcBl0GSJvt4Qecm4srHapirUx0HJDi2zYXm6KUKNNUGdTIN9cBwakVZHWmRVj4MKgy1AChqhWGYcMDbRKgO0zg==" crossorigin="anonymous"></script>
+<script>
+var AutocompleteList = [{% for page in analytics_pages %}{ label: '{{ page.title }}', value: '{{ page.url }}' },{% endfor %}];
+</script>
+<script src="{{site.baseurl}}/assets/js/autocomplete.js"></script>
+<div class="c-analytic-list-group" markdown="1">
+
+## Full List
+
+### #-A
+<ul class="c-analytic-list">
+{% for page in analytics_pages %}
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "0" or firstletter == "1" or firstletter == "2" or firstletter == "3" or firstletter == "4" or firstletter == "5" or firstletter == "6" or firstletter == "7" or firstletter == "8" or firstletter == "9" or firstletter == "a" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
+
+### B-C
+
+<ul class="c-analytic-list">
+{% for page in analytics_pages %}
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "b" or firstletter == "c" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
+
+### D-G
+
+<ul class="c-analytic-list">
+{% for page in analytics_pages %}
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "d" or firstletter == "e" or firstletter == "f" or firstletter == "g" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
+
+### H-L
+
+<ul class="c-analytic-list">
 {% for page in analytics_pages %}
-<li>
-<a href="#{{ page.modulecode }}">{{ page.title }}</a>
-</li>
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "h" or firstletter == "i" or firstletter == "j" or firstletter == "k" or firstletter == "l" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
 {% endfor %}
 </ul>
 
-## Analytics Adapter Documentation
+### M-O
 
+<ul class="c-analytic-list">
 {% for page in analytics_pages %}
-<div class="bs-docs-section" markdown="1">
-<a name="{{ page.modulecode }}" ></a>
-<h3>{{ page.title }}</h3>
-<h4>Features</h4>
-
-{: .table .table-bordered .table-striped }
-| **Module Code** | {{ page.modulecode }} | **Prebid.org Member** | {% if page.prebid_member == true %}yes{% else %}no{% endif %} |
-| **GDPR Support** | {% if page.tcfeu_supported == true %}yes{% elsif page.tcfeu_supported == false %}no{% else %}Check with vendor{% endif %} | **USP/CCPA Support** | {% if page.usp_supported == true %}yes{% elsif page.usp_supported == false %}no{% else %}Check with vendor{% endif %} |
-| **IAB GVL ID** | {% if page.gvl_id %}{{page.gvl_id}}{% else %}Check with vendor{% endif %} | **COPPA Support** | {% if page.coppa_supported == true %}yes{% elsif page.coppa_supported == false %}no{% else %}Check with vendor{% endif %} |
-
-{{ page.content }}
-</div>
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "m" or firstletter == "n" or firstletter == "o" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
 {% endfor %}
+</ul>
+
+### P-R
+
+<ul class="c-analytic-list">
+{% for page in analytics_pages %}
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "p" or firstletter == "q" or firstletter == "r" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
+
+### S-T
+
+<ul class="c-analytic-list">
+{% for page in analytics_pages %}
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "s" or firstletter == "t" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
+
+### U-Z
+
+<ul class="c-analytic-list">
+{% for page in analytics_pages %}
+  {% assign firstletter = page.title | slice:0 | downcase %}
+  {% unless firstletter == "u" or firstletter == "v" or firstletter == "w" or firstletter == "x" or firstletter == "y" or firstletter == "z" %}{% continue %}{% endunless %}
+  <li>
+  <a href="{{ page.url }}">{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
 
 ## Related Topics