ロケーションウィジェット

MULTI DEVICE。 全機種アイコン 白

位置情報ウィジェットをコピー&ペーストしてください。

<script src="https://widget.vpn.com/vpn-widget.js"></script>

<div
  class="vpn-widget"
  type="geoip/location"
></div>

位置情報ウィジェットの埋め込み方法

ウィジェットを埋め込むには、まずこのコードをウェブページに一度だけ記述する必要があります。

埋め込み可能なウィジェットをWebページに配置するには、class="vpn-widget"、type="[widget name]"のdivを作成します。


  <div
    class="vpn-widget"
    type="geoip/location"
  ></div>

オプション属性

  • クラス - 含有するdivには、必要に応じて追加のcssクラスを割り当てることができます。
  • スタイル - の中に埋め込まれているからです。 <div> 要素のコンテンツに独自のスタイリングを指定することができます。
  •  - ウィジェットのサイズを変更するには,width 属性を指定します。高さは指定された幅に基づいて計算されます。
  • ラング - ウィジェットを特定の言語に翻訳します(例:en、it、es)。

国際化

デフォルトでは、各ウィジェットの翻訳にブラウザの言語が使われます。オプションの `lang` 属性でこれをオーバーライドすることができます。

位置情報ウィジェットスタイリング

ウィジェットには独自のスタイルがありますが、CSSを使用してこれらのスタイルを拡張したり、上書きしたりすることができます。ウィジェットは独自のdivに包まれており、Webページのdiv内に配置されます。

例えば、ウィジェットのタイトルを赤に変更するには、スタイルを作成し、そのクラスを包含するdivに割り当てます。


  <style>
    .red-header header {
        color: red;
    }
  </style>

  <div class="vpn-widget red-header" type="geoip/location">ローディング...</div>
ローディング...

あらゆるCSSスタイルをハード的にオーバーライドするには、CSSディレクティブの「! important」を使用します。

よくある質問

位置情報ウィジェットとは?

ユーザーのIPアドレスを検出し、地理情報を表示するウィジェットです。 

位置情報ウィジェットが必要な人は?

自分のウェブサイトの訪問者が、IPアドレスの位置に関する詳細な情報を閲覧できるようにしたい方。

なぜ位置情報ウィジェットを使う必要があるのですか?

インターネットユーザーは、自分のネット上での活動や行動を追跡するために使用されている方法に気づいていないことが多いようです。位置情報ウィジェットは、IPアドレスからどれだけの地理的情報を取得できるかを示す、シンプルで効果的な方法です。

Location Widgetの使い方を教えてください。

ウィジェットは、あなたのウェブサイトやブログの表示させたい場所に埋め込んで使用します。一度埋め込むと、ウィジェットは意図したとおりに動作し、お客様によるメンテナンスは必要ありません。

このLocation Widgetは有料ですか?

No!当サイトのウィジェットはすべて100%で、無料でご利用いただけます。

Location Widgetを埋め込むことはできますか?

Yes!上記の説明に従って、あなたのウェブサイトやブログにウィジェットを埋め込んでください。

Location Widgetを埋め込むにはどうしたらいいですか?

上記の手順で、あなたのウェブサイトやブログに当社のウィジェットを埋め込んでください。私たちが提供するコードをコピーして貼り付けるだけなので、とても簡単です。

Location Widgetを埋め込んでも大丈夫ですか?

はい!VPN.comのすべてのウィジェットを埋め込んでも全く問題ありません。

Location Widgetの埋め込みにかかる時間は?

このウィジェットのインストールには5分もかかりません。コードをコピーして、あなたのウェブサイトやブログに貼り付けるのと同じ時間だけかかります。

位置情報ウィジェットを組み込むには、開発者が必要ですか?

いいえ、このウィジェットを埋め込むために開発者は必要ありません。このページには、ウィジェットを埋め込むために必要なものがすべて用意されています。

WordPressに位置情報ウィジェットを埋め込むことはできますか?

はい!!(笑当社のウィジェットは、すべてのWordPressウェブサイトに対応しています。

HTMLにLocation Widgetを埋め込むことはできますか?

はい、弊社のすべてのウィジェットをHTMLに埋め込むことができます。必要なHTMLコードは、上記の説明と一緒に提供されています。

ja日本語
Copy link