Настройка ссылки A и перехода по кнопке (button) по IP-локации

2.1 Ссылка A（используем id）：установить href по country

Сценарий: на странице есть одна ключевая ссылка, и вы хотите, чтобы она вела на разные адреса по региону. Ниже — самая простая логика: если TW, использовать ссылку для TW, иначе — ссылку по умолчанию.

<a id="geoLink" href="https://example.com/default">Перейти сейчас</a>

<script>
(async function () {
  try {
    const info = await fetch("https://my.ipin.io/info").then(r => r.json());
    const target = (info.country === "TW")
      ? "https://example.com/tw"
      : "https://example.com/default";

    const a = document.getElementById("geoLink");
    if (a) a.href = target;
  } catch (e) {
    // При ошибке сохраняем href по умолчанию
  }
})();
</script>

2.2 Ссылки A（используем class）：массово установить href по country

Сценарий: на странице несколько ссылок, и все они должны разветвляться по регионам. Самый простой способ — дать им один и тот же class и обновить разом. Пример остаётся максимально простым: TW использует TW-ссылку, остальные регионы — ссылку по умолчанию.

<a class="geo-link" href="https://example.com/default">Вход на скачивание</a>
<a class="geo-link" href="https://example.com/default">Вход на покупку</a>

<script>
(async function () {
  try {
    const info = await fetch("https://my.ipin.io/info").then(r => r.json());
    const target = (info.country === "TW")
      ? "https://example.com/tw"
      : "https://example.com/default";

    document.querySelectorAll(".geo-link").forEach(function (el) {
      el.href = target;
    });
  } catch (e) {}
})();
</script>

2.3 Button（используем id）：переход по клику в зависимости от country

Сценарий: кнопка сама по себе не является ссылкой, поэтому нужно привязать обработчик клика во фронтенде. Ниже — только самая суть: сначала выбираем целевой URL по country, затем при клике переходим на этот URL.

<button id="geoBtn" type="button">Нажмите для перехода</button>

<script>
(async function () {
  let target = "https://example.com/default"; // URL по умолчанию

  try {
    const info = await fetch("https://my.ipin.io/info").then(r => r.json());
    if (info.country === "TW") target = "https://example.com/tw";
  } catch (e) {
    // При ошибке используем URL по умолчанию
  }

  const btn = document.getElementById("geoBtn");
  if (btn) btn.onclick = function () { window.location.href = target; };
})();
</script>

2.4 Button（используем class）：массово привязать переход по клику

Сценарий: на странице несколько кнопок, и всем нужен переход по региону. Самый простой вариант — общий class и цикл для привязки обработчиков клика. Важно: у кнопки нет «href по умолчанию», поэтому рекомендуется заранее подготовить URL по умолчанию в скрипте, чтобы при сбое интерфейса кнопка не была «без реакции».

<button class="geo-btn" type="button">Кнопка 1</button>
<button class="geo-btn" type="button">Кнопка 2</button>

<script>
(async function () {
  let target = "https://example.com/default"; // URL по умолчанию

  try {
    const info = await fetch("https://my.ipin.io/info").then(r => r.json());
    if (info.country === "TW") target = "https://example.com/tw";
  } catch (e) {}

  document.querySelectorAll(".geo-btn").forEach(function (btn) {
    btn.onclick = function () { window.location.href = target; };
  });
})();
</script>

2.5.1 Для A-ссылки（id）：установить href напрямую

<a id="geoLink" href="https://example.com/default">Перейти сейчас</a>

<script>
(async function () {
  const defaultUrl = "https://example.com/default";
  const map = { TW: "https://example.com/tw", US: "https://example.com/us" };

  try {
    const info = await fetch("https://my.ipin.io/info").then(r => r.json());
    const target = map[info.country] || defaultUrl;

    document.getElementById("geoLink").href = target; // ✅ Ключ: записать target в href
  } catch (e) {
    // При ошибке оставляем href по умолчанию
  }
})();
</script>

2.5.2 Для кнопки（id）：переходить на target при клике

<button id="geoBtn" type="button">Нажмите для перехода</button>

<script>
(async function () {
  const defaultUrl = "https://example.com/default";
  const map = { TW: "https://example.com/tw", US: "https://example.com/us" };
  let target = defaultUrl;

  try {
    const info = await fetch("https://my.ipin.io/info").then(r => r.json());
    target = map[info.country] || defaultUrl;
  } catch (e) {}

  document.getElementById("geoBtn").onclick = function () {
    window.location.href = target; // ✅ Ключ: переходить с target при клике
  };
})();
</script>

3.1 WordPress

• Использовать плагин «вставка скриптов в header/footer» и вставить код в Header（на весь сайт）
• Или вставить скрипт перед </head> в файле темы header.php

3.2 Joomla! / Joomla

• В текущем шаблоне найти <head> в index.php и вставить скрипт перед </head>
• Или использовать встроенную опцию шаблона «пользовательский код в head»（в зависимости от шаблона）

3.3 Magento

• Добавить скрипт в глобальный head темы（область head в theme/layout）
• Цель — единый вывод на весь сайт, чтобы удобно поддерживать правила маппинга по регионам

3.4 Shopify

• Online Store → Themes → Edit code
• Найти theme.liquid и вставить скрипт перед </head>（на весь сайт）

3.5 Общие правила

• Любая система, где можно редактировать общий <head> или файл лейаута, может реализовать «назначение ссылок/кнопок по IP-региону» тем же способом
• Сохраняйте URL по умолчанию, чтобы при сбое внешнего API страница оставалась работоспособной