13
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

【iOS】GoogleAnalyticsでwebView内のリンククリック数を計測する方法

Posted at

#1. Webview内での遷移イベントの計測方法

アプリのWebView内でイベントを計測したい時ありますよね。
広告のクリック数取りたい時とか。

例えば

<!DOCTYPE html>
<html lang="ja">
<head>
</head>

<body id="article-body">
<div>
<a href="http://hogehoge">fugafuga</a>
</div>
</body>
</html>

となってる時にリンクのクリック数をどうとるか。

Web版のGAであれば、analytics.jsを埋め込んで、

<a href="http://hogehoge" onclick="ga('send', 'event', 'category', 'action', 'label', value);">fugafuga</a>

こうすればいいのだけど、iOS向けのSDKだと、
そのままではWebViewでのクリックがとれない。

#2. 解決策

<!DOCTYPE html>
<html lang="ja">
<head>
</head>

<body>
<div>
<a href="http://hoeghoge?banner_click">fugafuga</a>
</div>
</body>
</html>

のように、リンクのURLの後ろにパラメータをつける。

そしてWebView.m側で

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    NSURL *url = [request URL];
    
    // 該当クリックを判定
    if ([url.query isEqualToString:@"banner_click"]) {
        [[GAI sharedInstance].defaultTracker send:[[GAIDictionaryBuilder createEventWithCategory:@"banner_click" action:@"click" label:url.path value:nil] build]];
    }
}   

こんな感じで設定してあげることで、webViewのロードが走るときにURLを見て、
パラメータがついていたらGAのイベント計測してくれるようになる。
任意のパラメータをつけてあげることで、とりたい部分のクリックだけとれるようになる。

この方法だとアプリ内部にhtml持ってる場合でも使えるはず。

13
14
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
14

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?