onClickをボタンで使いたい

  • Resolved masato01

    (@masato01)


    5 years, 3 months ago

    よろしくお願いいたします。
    コードなどはど素人です。
    プラグインの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）;
    }）;
    }） ;
    ＝＝＝ここまで＝＝＝

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Vova

    (@gn_themes)

    Hi @masato01,

    sorry, I don’t speak Japanese. Google translate doesn’t provide a readable result…

    Thread Starter masato01

    (@masato01)

    Please tell me how to use “onClick”.
    There is a box for entering “java”. What kind of code can I enter to measure clicks?
    If you use the support page, you will get an error.

    Click [su_button class = “my-custom-button”] [/ su_button]

    Now you can use the following JavaScript code:

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

    Plugin Author Vova

    (@gn_themes)

    Hi @masato01,

    there’s a simpler version. Try the following shortcode:

    [su_button url="#" onclick="if (typeof ga !== 'undefined') { ga('send', 'event', 'Category', 'Action', 'Label', 'Value') };"]Button text[/su_button]
    Thread Starter masato01

    (@masato01)

    Hi @gn_themes
    Thank you!
    Give it a try and report again!

    Thread Starter masato01

    (@masato01)

    Hi @gn_themes

    It is a new problem.
    Please let me know if you know the solution.

    “Category” “Action” “Label is not displayed in Google Analytics view.
    It is counted as an “external link” set in Google Tag Manager.

    Plugin Author Vova

    (@gn_themes)

    Hi @masato01,

    unfortunately, I don’t know what’s the reason. Look for ga('send') method documentation.

    Thread Starter masato01

    (@masato01)

    Hi @gn_themes
    understood. Thank you!

    Thread Starter masato01

    (@masato01)

    Hi! @gn_themes
    Succeeded!

    Using Google Tag Manager’s “Click ID” solved everything.

    When I wrote the “ID attribute” in the short code description and tested it, I got the desired result.

    Your tips were very helpful!

    Thank you!

    [su_button url = “https: ####” id = “link_click” 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”] Click me [/ su_button]

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘onClickをボタンで使いたい’ is closed to new replies.