背景

今までサブのはてなアカウントに紐付くはてなブログで運営していた
はてなブログに出てくる広告がわずらわしく思えてきた
有料化を検討した時に、有料化となる範囲がメインアカウント側には影響しない事が分かったので、移行をした
どうせなら独自ドメインにも変えた

試してみた

はてなブログの有料化実施
tameshitemita.hatenablog.jp → tameshitemita.blog
思ったよりも簡単で旧ブログ側からデータをエクスポート

help.hatenablog.com

新側でデータのインポート

ムームードメインでドメイン取得したので、ムームーDNSではてなブログを向くようにレコードを追加

はてな側の独自ドメインを入力後、初回エラー、確認を押すと有効となるが、再度ページを読み込むとなぜかエラー。
- 1度ドメイン名の入力を消して保存し、再度ドメイン名いれたらちゃんと有効化されました！

help.hatenablog.com

忘れずにやること

GA4のプロパティの移行（Google アナリティクス 4 埋め込み）
Search Consoleのmetaの移行（Google Search Console（旧 Google ウェブマスターツール））
アフィリエイトの設定
APIの有効化

リダイレクト設定

tameshitemita.hatenablog.jp → tameshitemita.blogに全ページリダイレクトするように設定
- 公式なリダイレクトは提供されてない為、ヘッダの所に下記スクリプトを埋め込んで対応

<script>
(function() {
  // 1. 旧ドメイン側だけで動かしたい場合はここで判定
  if (location.hostname !== 'tameshitemita.hatenablog.jp') return;

  // 2. 新URLを作成（ドメインだけ差し替え）
  var domain = 'https://tameshitemita.blog'; // 末尾スラッシュ無し
  var url = domain + location.pathname + location.search + location.hash;

  // 3. HTMLに案内リンクを出す（任意）
  document.addEventListener('DOMContentLoaded', function() {
    var msg = document.createElement('p');
    msg.innerHTML = '<b>移転しました。<br>約5秒後に自動的にリダイレクトします。</b><br>'
                  + '<a href="' + url + '">' + url + '</a>';
    var main = document.getElementById('main-inner') || document.body;
    main.insertBefore(msg, main.firstChild);
  });

  // 4. canonical の書き換え（SEO向け）
  var canonical = document.querySelector('link[rel="canonical"]');
  if (!canonical) {
    canonical = document.createElement('link');
    canonical.rel = 'canonical';
    document.head.appendChild(canonical);
  }
  canonical.href = url;

  // 5. 遅延リダイレクト（5秒）
  setTimeout(function() {
    location.href = url;
  }, 5000);
})();
</script>