Link

商品コード: gamipress-link カテゴリー:

Linkはサイトにゲーム的な要素を取り入れて、ポイントや実績を獲得する機能を追加するGamiPressプラグインのアドオンです。

サイトへのログインやコメントの投稿などの利用者のアクションによって報酬を獲得する機能に加えて、ページ内に設置されたハイパーリンクなどの要素をクリックすることで報酬を獲得する機能が追加されます。IDやCSSクラスで、ポイントや実績などの種別を判別して、1つのページに報酬を獲得するリンクを複数設置することも可能です。。

また、機能を追加するためのショートコードの他に、ブロックエディタ(Gutenberg)に専用のブロックを使って、投稿や固定ページの編集画面で簡単に報酬を獲得するためのハイパーリンクを追加することができるようになります。

GamiPressを利用したサイトで、ログインやコメント投稿以外に、利用者に報酬や実績を付与する仕組みを簡単に設置したい管理者向けのアドオンです。

リンクのクリックでポイントを付与

GamiPress プラグインで設定できる、ポイントや実績、ランクを付与するアクションとしてページ上に配置された、ハイパーリンクのクリックを追加することができます。

報酬を獲得する機能に加えて、ページ上の動作設定も行うことができ、クリック後に他のURLに遷移するなど通常のアンカータグと同様の動作を設定することもできます。

ID や クラスでハイパーリンクの指定が可能

GamiPressの報酬設定画面で追加した、IDやクラスなどの属性値を使ってクリックで獲得できる報酬を判断させることで、1つのページに複数の報酬を獲得するためのハイパーリンクを設置することができます。

また、アドオンで追加されるクラスを指定することで、ページ内に既に配置されているアンカータグなどの要素にも報酬を獲得するためのアクションを付与することが可能になっています。

Gutenberg エディタのブロックやショートコードで簡単にボタンを設置可能

アドインを導入することでブロックエディター(Gutenberg)に専用の [リンク] ブロックが追加され、見出しや画像を追加する手順で、報酬を獲得するアクションとなるハイパーリンクを簡単にページに配置することができます。

また、専用のショートコードも追加されるため、[ショートコード] ブロックを使って報酬アクションを配置したり、ブロックエディター以外でページを編集している場合でも簡単に設置を行うことができます。

Linkアドオンはゲーミフィケーションの要素を取り入れて、サイトにポイントや実績を獲得する機能を追加するGamiPressプラグインの機能に、ページ上のハイパーリンクをクリックするアクションを追加します。

専用のショートコードや、ブロックをページに配置することで、クリック操作で報酬を獲得するアクション機能を簡単に設定することができるようになります。また、既存のページに配置されているハイパーリンク要素にも、専用クラスを利用することで報酬を獲得する機能を付与することができるようになります。

Linkの使い方

ショートコードでリンクを設置する方法

GamiPress Link アドオンを導入すると、ショートコードを使ってポイントや実績などの報酬を獲得するためのハイパーリンクを配置することができるようになります。

追加するショートコード [gamipress_link] には、次のような属性が用意されています。

  • href: 参照先のURL
  • label: リンクに表示されるテキスト
  • id: ポイントや実績などの報酬設定に対応するid値
  • class: 適用されるCSSクラス
  • target: HTMLのアンカータグの “target” 属性に対応
  • title: HTMLのアンカータグの “title” 属性に対応

例えば、ショートコードは次のように記載します。

[gamipress_link href=”https://gamipress.com” label=”ポイント獲得” id=”get-point-link” class=”css-link” target=”_blank” title=”ポイント獲得”]

Gutenberg のブロックでリンクを設置する方法

アドオンを導入すると、投稿や固定ページの編集画面に専用のブロック(Gutenberg)が追加され、次の手順で報酬に関連したハイパーリンクを簡単に設置することができます。

  1. GamiPressのポイント設定画面で [自動特典ポイント] 項目の [いつ] の一覧から [特定の識別子を持つリンクをクリックします] を選択し、[リンクID属性] 部分に識別するためのID値を入力します。
    Gutenberg のブロックでリンクを設置する方法
  2. [獲得] 項目に追加される数量を入力します。
    Gutenberg のブロックでリンクを設置する方法
  3. [公開] または [更新] をクリックしてポイント設定を反映します。
  4. 投稿や固定ページの編集画面で、ブロックの追加を行います。
    Gutenberg のブロックでリンクを設置する方法
  5. 表示された候補から “link” を検索し表示された [リンク] を選択します。
    Gutenberg のブロックでリンクを設置する方法
  6. 画面右側に表示されるブロックのプロパティ画面で [リンクID] 項目に、手順1で設定したID値を設定します。
    Gutenberg のブロックでリンクを設置する方法
  7. [公開] または [更新] をクリックしてページを公開します。
  8. プレビュー画面で追加したリンク部分をクリックするとポイント履歴にポイントが加算されます。

既存のボタンに報酬付与機能を追加する方法

アドオンで用意されている [gamipress-link] クラスを利用することで、ページに配置されたハイパーリンクなどの要素にGamiPressのポイントは実績、ランクなどで得られる報酬を付与する機能を追加することができます。

  1. GamiPressのポイント設定画面で [自動特典ポイント] 項目の [いつ] の一覧から [特定の識別子を持つリンクをクリックします] を選択し、[リンクID属性] 部分に識別するためのID値を入力します。
    既存のボタンに報酬付与機能を追加する方法
  2. [獲得] 項目に追加される数量を入力します。
    既存のボタンに報酬付与機能を追加する方法
  3. [公開] または [更新] をクリックしてポイント設定を反映します。
  4. 投稿や固定ページの編集画面で、ソースを表示します。
    既存のボタンに報酬付与機能を追加する方法
  5. 獲得機能を追加する部分を次のように書き換えます
    <div id=”手順1で設定したID値” class=”gamipress-link”>クリックで10ポイント獲得</div>
    既存のボタンに報酬付与機能を追加する方法
  6. [公開] または [更新] をクリックしてページを公開します。
  7. プレビュー画面でリンク部分をクリックするとポイント履歴にポイントが加算されます。