ホンヤくん

記事一覧 ／ 2026年10月14日

iPhone の Safari で「翻訳ボタン」が動かない理由。Google 翻訳ウィジェットと Cookie の関係をやさしく解説

サイトに付けた翻訳ボタンが、PC では動くのに iPhone の Safari では反応しない。原因は Safari のトラッキング防止（ITP）と、Google 翻訳ウィジェットが Cookie に頼る仕組みにあります。確認方法と、Cookie に頼らない対処法をまとめました。

執筆: ホンヤくん運営（MIKATA）

結論を先に。 サイトに Google の翻訳ウィジェット（ウェブサイト翻訳ツール）を付けている場合、iPhone や Mac の Safari では翻訳が動かない、または動いてもすぐ元に戻ることがあります。サイト側の設定ミスではなく、Safari のトラッキング防止機能（ITP）と、ウィジェットが Cookie に頼って動く仕組みの組み合わせが原因と考えられます。PC の Chrome で確認して「動いている」と思っていても、iPhone の訪問者には届いていない可能性があります。

この記事では、①何が起きているのか、②自分のサイトで確認する方法、③Cookie に頼らない対処法、を順に説明します。

この記事は、Web 制作の現場でサイトの多言語対応を扱ってきた運営者が書いています。後半で自社サービス「ホンヤくん」にも触れますが、仕組みの説明は特定のサービスに依存しない内容です。

なぜ iPhone が重要なのか

日本のスマートフォンは iPhone の比率が高く、MMD 研究所の 2026 年 8 月の調査でも iOS が過半数を占めています（出典は記事末尾）。店舗や宿泊施設のサイトはスマートフォンから見られることが多いため、「翻訳ボタンが Safari で動かない」は、翻訳が必要な訪問者の多くに届かない状態を意味します。PC で動作確認をして安心していると、実際の利用者では動いていない、ということが起こり得ます。

何が起きているのか

Google 翻訳ウィジェットの仕組み

Google の翻訳ウィジェットは、サイトに貼ったスクリプトが Google のサーバーから翻訳用のプログラムを読み込み、訪問者が言語を選ぶと、選んだ言語を Cookie（googtrans という名前）に保存してページの文章を書き換えます。ページを移動しても翻訳が続くのは、この Cookie を毎回読んでいるからです。

さらに翻訳の処理は Google 側の仕組み（Google Translate Element）が行い、その過程で Google のドメインとのやり取りが発生します。ここでも Cookie や保存領域が使われます。

Safari の ITP が何を止めるのか

Safari には ITP（Intelligent Tracking Prevention）というトラッキング防止機能が組み込まれています。Apple の WebKit ブログによると、2020 年 3 月の更新でサードパーティ Cookie が全面的にブロックされ、それ以前の 2019 年 2 月の更新では、JavaScript で書き込まれた Cookie の有効期限が最長 7 日に制限されています（出典は記事末尾）。

翻訳ウィジェットから見ると、次のような影響が考えられます。

症状の出方は Safari のバージョンやサイトの構成によって異なります。私たちが 2026 年 9 月に複数のサイトで確認した範囲では、Google のウィジェットを直接設置したサイトは iPhone の Safari で翻訳が動きませんでした。一方、同じ Google の仕組みを使っていても、Cookie の扱いを変えた実装（GTranslate 無料版の 2026 年 9 月以降の版）は動作しました。「Google 翻訳を使っているかどうか」ではなく、**「Cookie に頼っているかどうか」**が分かれ目です。

設定ミスではない

ここで強調したいのは、これはサイト制作者の設定ミスや、サイトの不具合ではないという点です。ブラウザ側の方針変更によって、以前は動いていたものが動かなくなっています。Cookie に頼る仕組みは、今後もブラウザの方針次第で動作が変わり得ます。

自分のサイトで確認する方法

所要時間は 3 分です。

  1. iPhone の Safari で自分のサイトを開く。PC ではなく実機で確認してください。
  2. プライベートブラウズで開く。タブ一覧から「プライベート」を選びます。過去の Cookie やキャッシュの影響を受けない状態になり、初めて訪れる人と同じ条件で確認できます。
  3. 翻訳ボタンで英語を選ぶ。文章が英語に変わるか、変わった後に別のページへ移動しても英語のままかを確認します。
  4. 変わらない、または戻る場合は、この記事で説明した問題に該当している可能性が高いです。

あわせて、自分のサイトがどの仕組みを使っているかは、PC の Chrome でページを開き、右クリック →「ページのソースを表示」で translate_a/element.js という文字列を探すと分かります。見つかれば Google のウィジェットを直接設置しています。Cookie に頼っていることは、PC の Chrome で言語を切り替えたあと、開発者ツール（F12）の「アプリケーション」→「Cookie」に googtrans という項目が現れることで確認できます。

対処法

根本的な解決は、Cookie を使わない設計の翻訳サービスに切り替えることです。訪問者の言語設定をブラウザの localStorage（サイト自身の保存領域）に置き、翻訳の処理も Google のウィジェットを介さずに行う方式なら、ITP の影響を受けません。URL が変わらないので、サイト内検索やお問い合わせフォームもそのまま使えます。

ホンヤくんはこの方式で作られており、iPhone の Safari 実機で動作を確認しています。デモサイトを iPhone で開いて言語を切り替えると、実際の動きを確認できます。Free プラン（2 言語・原文 5,000 字まで）は無料で、メールアドレスだけで登録できます。 → 無料ではじめてみる

方法 2: 言語ごとに URL を分ける方式にする

example.com/en/ のように言語ごとに別の URL を用意する方式（TranslatePress、Weglot、GTranslate 有料版など）は、翻訳済みのページそのものを配信するので Cookie に依存しません。海外の検索エンジンからの流入も狙える反面、URL が変わるためサイト内検索やフォームの扱いに注意が必要で、費用も月数千円からになります。海外 SEO が目的なら、こちらが向いています。

方法 3: 何もしない、という選択

訪問者に「ブラウザの翻訳機能を使ってください」と案内する方法もあります。iPhone の Safari には翻訳機能があり、アドレスバーの「ぁあ」ボタンから翻訳できます。ただし、訪問者がその操作を知っているとは限らず、サイト側で翻訳ボタンを出す場合と比べて使われる率は下がります。

よくある質問

Q. PC の Safari（Mac）でも同じことが起きますか？

A. はい。ITP は iPhone・iPad・Mac の Safari に共通して組み込まれています。Mac の Safari で動かない場合も、原因は同じです。

Q. Google の翻訳ウィジェットは、今後も使い続けられますか？

A. Google は 2026 年 9 月に「10 月 1 日でサポートを終了する」と告知しましたが、10 月 14 日時点でウィジェットは動作を続けており、告知文はページから削除されています。経緯は別の記事にまとめています。いずれにしても、Safari で動かない問題はサポートの有無とは別に存在します。

Q. 自分のサイトは WordPress ではありません。切り替えられますか？

A. タグを 1 行貼れるサイトなら、CMS を問わず切り替えられます。BASE や Shopify、Wix、STUDIO などでも、各サービスのカスタムコード設定からタグを追加できます。

出典・参考