• よろしくお願いいたします。
    コードなどはど素人です。
    プラグインのShortcodes Ultimateを使ってアフィリリンクのボタンを作っています。

    ボタン作成時のオプションでonClick使用の為のjavaを入力するボックスがあるのでShortcodes Ultimateのサポートを調べると以下の情報に辿り着きました。
    function.phpに張り付けると理解してやってみるのですが、エラーになっていまいます。
    どうすれば正常に動するようにできるか教えてください。

    ===ここから===
    この記事では、JavaScriptコードの例を示します。コードは、現在アクティブなテーマスクリプトのメインファイルに配置する必要があります。JavaScriptコードを貼り付ける場所がわからない場合は、特別なプラグインを使用でき ます。

    ウェブサイトにGoogle Analyticsを接続することを忘れないでください。

    追跡するショートコードに一意のCSSクラスを追加することをお勧めします。たとえば、次の方法で作成できます。

    [su_button class = “my-custom-button”]クリックして[/ su_button]
    これで、次のJavaScriptコードを使用できます。

    jQuery(document).ready(function($){
    //ボタンクリックを処理
    $( ‘body’)。on( ‘click’、 ‘.my-custom-button’、function(){
    setTimeout(function(){
    / / GAでイベントを追跡
    ga( ‘send’、{
    hitType: ‘event’、
    eventCategory: ‘Buttons’、
    eventAction: ‘
    clicked ‘、eventLabel: ‘Shortcodes Ultimate Campaign’
    });
    }、100);
    });
    }) ;
    ===ここまで===

11件の返信を表示中 - 1 - 11件目 (全11件中)
  • DRILL LANCER

    (@rickaddison7634)

    原文のページをは下記でよろしいでしょうか?
    https://getshortcodes.com/docs/tracking-button-clicks-in-google-analytics/

    とりあえず答えられるのは

    [su_button class="my-custom-button"] Click Me [/su_button]

    上記コードは記事を書く欄に記述します。

    jQuery(document).ready(function($) {
      // Handle button click
      $('body').on('click', '.my-custom-button', function() {
        setTimeout(function() {
          // Track event in GA
          ga('send', {
            hitType: 'event',
            eventCategory: 'Buttons',
            eventAction: 'clicked',
            eventLabel: 'Shortcodes Ultimate Campaign'
          });
        }, 100);
      });
    });

    こちらのコードはJavascriptなので下記手順を実行すると良いでしょう。

    1. WordPressにSimple Custom CSS and JSをインストールして有効化
    2. 「Custom CSS & JS」→「Add Custom JS」と進む
    3. コードの記入欄に上記コードを記入して保存
    4. キャッシュプラグインやブラウザのキャッシュを削除
    トピック投稿者 masato01

    (@masato01)

    【GAに反映されません】
    さっそくありがとうございます!原文はそのページです。
    テストでスマホからボタンをクリックしましたが、タグマネージャーで外部リンクを計測している方は計測されますが、ここで設定したカテゴリ・アクション・ラベルでの計測はされていません。

    1~4までやったのですが、4のキャッシュプラグインは「SNS Count Cache」だけでしたが、これを削除しないといけないということでしょうか?
    ブラウザのキャッシュは削除しました。

    「Simple Custom CSS and JS」のプラグインにコードをコピペし公開し、以下のように公開されています。
    https://www.trueman.blue/wp-content/uploads/custom-css-js/8892.js

    投稿画面では class=”my-custom-button” を以下の様に入力しています。
    [su_button url=”https://px.a8.net/svt/ejp?a8mat=2ZH9A5+461982+399O+631SY” target=”blank” style=”3d” background=”#F76143″ color=”#ffffff” size=”10″ wide=”yes” center=”yes” radius=”5″ icon=”icon: hand-o-right” icon_color=”#ffffff” text_shadow=”0px 0px 0px #000000″ class=”my-custom-button”]期間限定端末キャンペーン[/su_button]

    DRILL LANCER

    (@rickaddison7634)

    私は、Javascriptにはあまり詳しくないのですが・・・

    jQuery(document).ready(function($) {
      // Handle button click
      $('.my-custom-button').on('click', function() {
        setTimeout(function() {
          // Track event in GA
          ga('send', {
            hitType: 'event',
            eventCategory: 'Buttons',
            eventAction: 'clicked',
            eventLabel: 'Shortcodes Ultimate Campaign'
          });
        }, 100);
      });
    });

    とすれば動いたりしないですかね?

    ウェブサイトにGoogle Analyticsを接続することを忘れないでください。

    サイトに analytics.js を追加していますか?
    https://developers.google.com/analytics/devguides/collection/analyticsjs/?hl=ja

    トピック投稿者 masato01

    (@masato01)

    やってみます!

    トピック投稿者 masato01

    (@masato01)

    @ishitaka さんありがとうございます!
    Wordpressにもこの作業は必要ということでしょうか??

    トピック投稿者 masato01

    (@masato01)

    @ishitaka ちなみに、アナリティクスは既に設置しています。
    Wordpressでjsを使うにはanalytics.jsを追加しないといけないという理解のうえで上記の質問です。

    WordPressにもこの作業は必要ということでしょうか??

    WordPress 自体では analytics.js を追加しません。テーマのカスタマイズやプラグインを使用して追加する必要があります。

    トピック投稿者 masato01

    (@masato01)

    >>WordPress 自体では analytics.js を追加しません。テーマのカスタマイズやプラグインを使用して追加する必要があります。

    ありがとうございます。
    同じ質問になってしまいますが、理解が追い付いておらずすみません。

    analytics.jsの追加とGAの設置は別物と考えてでしょうか?
    https://developers.google.com/analytics/devguides/collection/analyticsjs/?hl=ja
    このページでの作業はアナリティクスを設置しててもやらないといけない。

    その理解で補足させて頂くと・・・
    analytics.jsをテーマのカスタマイズかプラグインを使って追加しないと、Simple Custom CSS and JSを使ってJavascriptを追加しても作動しませんよ。という理解でよろしいでしょうか?

    analytics.jsをテーマのカスタマイズかプラグインを使って追加しないと、Simple Custom CSS and JSを使ってJavascriptを追加しても作動しませんよ。という理解でよろしいでしょうか?

    提示された JavaScript を見ると、analytics.js ライブラリのグローバル ga 関数を使用しているようなので、analytics.js が追加されていないと動作しないと思います。

    なお、このフォーラムは WordPress のフォーラムです。Google Analytics の詳細に関しては Google Analytics のフォーラムで質問されたほうが解決方法を得やすいかもしれません。
    http://www.google.com/support/forum/p/Google+Analytics?hl=ja

    トピック投稿者 masato01

    (@masato01)

    @ishitaka さん
    @rickaddison7634 さん
    ありがとうございます。
    調べて新たなことがわかりました。

    まず、analytics.jsとGAの設置は同じことでしたね(^^;)
    そして、analytics.jsは現在、gtag.jsに変わっているようで、https://getshortcodes.com/docs/tracking-button-clicks-in-google-analytics/
    に記載してあるコードが古いようです。

    gtag.jsによる新たなトラッキングコードがあるようで、現在そちらを調べています。
    解決にはいたってませんが、また新たなことが分かれば今後同じ問題に当たった人の為に投稿しておきます。

11件の返信を表示中 - 1 - 11件目 (全11件中)

トピック「onClickをボタンで使いたい」には新たに返信することはできません。