Kusto 查询以在单独的列中添加单击的图像超链接的名称
Kusto query to add the names of image hyperlinks clicked, in a separate column
这是参考 的跟进。
如果 link 是文本，则可以使用 lookup Kusto 运算符创建单行页面浏览量和点击跟踪详细信息。但是，当 link 是 图像 时，需要使用 customid 属性并且 属性 嵌套在 customDimensions 中属性 在 customEvents table.
var clickPluginInstance = new Microsoft.ApplicationInsights.ClickAnalyticsPlugin();
var clickPluginConfig = {autoCapture : true, dataTags: {useDefaultContentNameOrId: true} } // Click Analytics configuration
var configObj = {instrumentationKey: "<Enter your key>", extensions: [clickPluginInstance], extensionConfig: { [clickPluginInstance.identifier] : clickPluginConfig }, }; // Application Insights Configuration
// Application Insights Snippet code
!function(T,l,y){var S=T.location,k="script",D="ee791e68-981f-468d-947b-eda88f4d79f9",C="https://eastus2-0.in.applicationinsights.azure.com/",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{
src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js",
crossOrigin: "anonymous",
cfg: configObj
});
svg{width: 40px;height: 40px; border-radius: 35px; padding: 5px; border-color: currentColor;border-style: dashed;}
<script type="text/javascript" src="https://js.monitor.azure.com/scripts/b/ext/ai.clck.2.6.2.min.js"></script>
<body>
<a href = https://www.facebook.com data-customid = FB> <svg viewBox="0 0 16 16"> <use href=#Facebook></use></svg></a>
<a href = http://www.linkedin.com data-customid = Linkedin> <svg viewBox="0 0 16 16"> <use href= #LinkedIN></use></svg></a>
</body>
<svg style="display: none">
<symbol id= Facebook> <text x=4 y=14 font-size=16 font-family=Tahoma font-weight=bold >f </text> </symbol>
<symbol id= LinkedIN> <text x=1 y=13 font-size=16 font-family=Myriad font-weight=bold >in</text> </symbol>
</svg>
如何在这种情况下为 URL 的名称创建一个 set 并在 pageviews table 中查找 operation_Id？在这种情况下，PFB 两个 table 的模拟数据。
let customEvents =
datatable (timestamp:datetime, name:string, operation_Id:string, customDimensions:dynamic)[
datetime(2022-01-23T19:50:33.481Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"25X24","content":{"customid":"FB","contentName":" "}}),
datetime(2022-01-23T19:50:35.225Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"37X86","content":{"customid":"Linkedin","contentName":" "}})
];
customEvents
let pageViews = datatable (timestamp:datetime, operation_Id:string, client_City:string)
[ datetime(2022-01-23T19:49:42.075Z), "849c4fde676a4cb691d95daa763ed627", "Chicago"];
pageViews
PFB 预期输出
您可以这样创建集合：
let namesPerOperationId =
customEvents
| summarize make_set(customDimensions.content.customid) by operation_Id;
这里的技巧是从动态值中提取正确的字段。这是通过这种方式实现的：tostring(customDimensions.content.customid)。所以您的最终查询将如下所示：
// Synthetic data - don't copy this part
let customEvents =
datatable (timestamp:datetime, name:string, operation_Id:string, customDimensions:dynamic)[
datetime(2022-01-23T19:50:33.481Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"25X24","content":{"customid":"FB","contentName":" "}}),
datetime(2022-01-23T19:50:35.225Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"37X86","content":{"customid":"Linkedin","contentName":" "}})
];
let pageViews =
datatable (timestamp:datetime, operation_Id:string, client_City:string) [
datetime(2022-01-23T19:49:42.075Z), "849c4fde676a4cb691d95daa763ed627", "Chicago"
];
// This is the real query
let namesPerOperationId =
customEvents
| extend customDimensions = tostring(customDimensions.content.customid)
| summarize make_set(customDimensions) by operation_Id;
pageViews
| lookup (namesPerOperationId) on operation_Id
结果：
timestamp
operation_Id
client_City
set_customDimensions
2022-01-23 19:49:42.0750000
849c4fde676a4cb691d95daa763ed627
Chicago
[
"FB",
"Linkedin"
]
这是参考
如果 link 是文本，则可以使用 lookup Kusto 运算符创建单行页面浏览量和点击跟踪详细信息。但是，当 link 是 图像 时，需要使用 customid 属性并且 属性 嵌套在 customDimensions 中属性 在 customEvents table.
var clickPluginInstance = new Microsoft.ApplicationInsights.ClickAnalyticsPlugin();
var clickPluginConfig = {autoCapture : true, dataTags: {useDefaultContentNameOrId: true} } // Click Analytics configuration
var configObj = {instrumentationKey: "<Enter your key>", extensions: [clickPluginInstance], extensionConfig: { [clickPluginInstance.identifier] : clickPluginConfig }, }; // Application Insights Configuration
// Application Insights Snippet code
!function(T,l,y){var S=T.location,k="script",D="ee791e68-981f-468d-947b-eda88f4d79f9",C="https://eastus2-0.in.applicationinsights.azure.com/",I="disableExceptionTracking",E="ai.device.",b="toLowerCase",w="crossOrigin",N="POST",e="appInsightsSDK",t=y.name||"appInsights";(y.name||T[e])&&(T[e]=t);var n=T[t]||function(d){var g=!1,f=!1,m={initialize:!0,queue:[],sv:"5",version:2,config:d};function v(e,t){var n={},a="Browser";return n[E+"id"]=a[b](),n[E+"type"]=a,n["ai.operation.name"]=S&&S.pathname||"_unknown_",n["ai.internal.sdkVersion"]="javascript:snippet_"+(m.sv||m.version),{time:function(){var e=new Date;function t(e){var t=""+e;return 1===t.length&&(t="0"+t),t}return e.getUTCFullYear()+"-"+t(1+e.getUTCMonth())+"-"+t(e.getUTCDate())+"T"+t(e.getUTCHours())+":"+t(e.getUTCMinutes())+":"+t(e.getUTCSeconds())+"."+((e.getUTCMilliseconds()/1e3).toFixed(3)+"").slice(2,5)+"Z"}(),iKey:e,name:"Microsoft.ApplicationInsights."+e.replace(/-/g,"")+"."+t,sampleRate:100,tags:n,data:{baseData:{ver:2}}}}var h=d.url||y.src;if(h){function a(e){var t,n,a,i,r,o,s,c,u,p,l;g=!0,m.queue=[],f||(f=!0,t=h,s=function(){var e={},t=d.connectionString;if(t)for(var n=t.split(";"),a=0;a<n.length;a++){var i=n[a].split("=");2===i.length&&(e[i[0][b]()]=i[1])}if(!e[C]){var r=e.endpointsuffix,o=r?e.location:null;e[C]="https://"+(o?o+".":"")+"dc."+(r||"services.visualstudio.com")}return e}(),c=s[D]||d[D]||"",u=s[C],p=u?u+"/v2/track":d.endpointUrl,(l=[]).push((n="SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details)",a=t,i=p,(o=(r=v(c,"Exception")).data).baseType="ExceptionData",o.baseData.exceptions=[{typeName:"SDKLoadFailed",message:n.replace(/\./g,"-"),hasFullStack:!1,stack:n+"\nSnippet failed to load ["+a+"] -- Telemetry is disabled\nHelp Link: https://go.microsoft.com/fwlink/?linkid=2128109\nHost: "+(S&&S.pathname||"_unknown_")+"\nEndpoint: "+i,parsedStack:[]}],r)),l.push(function(e,t,n,a){var i=v(c,"Message"),r=i.data;r.baseType="MessageData";var o=r.baseData;return o.message='AI (Internal): 99 message:"'+("SDK LOAD Failure: Failed to load Application Insights SDK script (See stack for details) ("+n+")").replace(/\"/g,"")+'"',o.properties={endpoint:a},i}(0,0,t,p)),function(e,t){if(JSON){var n=T.fetch;if(n&&!y.useXhr)n(t,{method:N,body:JSON.stringify(e),mode:"cors"});else if(XMLHttpRequest){var a=new XMLHttpRequest;a.open(N,t),a.setRequestHeader("Content-type","application/json"),a.send(JSON.stringify(e))}}}(l,p))}function i(e,t){f||setTimeout(function(){!t&&m.core||a()},500)}var e=function(){var n=l.createElement(k);n.src=h;var e=y[w];return!e&&""!==e||"undefined"==n[w]||(n[w]=e),n.onload=i,n.onerror=a,n.onreadystatechange=function(e,t){"loaded"!==n.readyState&&"complete"!==n.readyState||i(0,t)},n}();y.ld<0?l.getElementsByTagName("head")[0].appendChild(e):setTimeout(function(){l.getElementsByTagName(k)[0].parentNode.appendChild(e)},y.ld||0)}try{m.cookie=l.cookie}catch(p){}function t(e){for(;e.length;)!function(t){m[t]=function(){var e=arguments;g||m.queue.push(function(){m[t].apply(m,e)})}}(e.pop())}var n="track",r="TrackPage",o="TrackEvent";t([n+"Event",n+"PageView",n+"Exception",n+"Trace",n+"DependencyData",n+"Metric",n+"PageViewPerformance","start"+r,"stop"+r,"start"+o,"stop"+o,"addTelemetryInitializer","setAuthenticatedUserContext","clearAuthenticatedUserContext","flush"]),m.SeverityLevel={Verbose:0,Information:1,Warning:2,Error:3,Critical:4};var s=(d.extensionConfig||{}).ApplicationInsightsAnalytics||{};if(!0!==d[I]&&!0!==s[I]){var c="onerror";t(["_"+c]);var u=T[c];T[c]=function(e,t,n,a,i){var r=u&&u(e,t,n,a,i);return!0!==r&&m["_"+c]({message:e,url:t,lineNumber:n,columnNumber:a,error:i}),r},d.autoExceptionInstrumented=!0}return m}(y.cfg);function a(){y.onInit&&y.onInit(n)}(T[t]=n).queue&&0===n.queue.length?(n.queue.push(a),n.trackPageView({})):a()}(window,document,{
src: "https://js.monitor.azure.com/scripts/b/ai.2.min.js",
crossOrigin: "anonymous",
cfg: configObj
});
svg{width: 40px;height: 40px; border-radius: 35px; padding: 5px; border-color: currentColor;border-style: dashed;}
<script type="text/javascript" src="https://js.monitor.azure.com/scripts/b/ext/ai.clck.2.6.2.min.js"></script>
<body>
<a href = https://www.facebook.com data-customid = FB> <svg viewBox="0 0 16 16"> <use href=#Facebook></use></svg></a>
<a href = http://www.linkedin.com data-customid = Linkedin> <svg viewBox="0 0 16 16"> <use href= #LinkedIN></use></svg></a>
</body>
<svg style="display: none">
<symbol id= Facebook> <text x=4 y=14 font-size=16 font-family=Tahoma font-weight=bold >f </text> </symbol>
<symbol id= LinkedIN> <text x=1 y=13 font-size=16 font-family=Myriad font-weight=bold >in</text> </symbol>
</svg>
如何在这种情况下为 URL 的名称创建一个 set 并在 pageviews table 中查找 operation_Id？在这种情况下，PFB 两个 table 的模拟数据。
let customEvents =
datatable (timestamp:datetime, name:string, operation_Id:string, customDimensions:dynamic)[
datetime(2022-01-23T19:50:33.481Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"25X24","content":{"customid":"FB","contentName":" "}}),
datetime(2022-01-23T19:50:35.225Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"37X86","content":{"customid":"Linkedin","contentName":" "}})
];
customEvents
let pageViews = datatable (timestamp:datetime, operation_Id:string, client_City:string)
[ datetime(2022-01-23T19:49:42.075Z), "849c4fde676a4cb691d95daa763ed627", "Chicago"];
pageViews
PFB 预期输出
您可以这样创建集合：
let namesPerOperationId =
customEvents
| summarize make_set(customDimensions.content.customid) by operation_Id;
这里的技巧是从动态值中提取正确的字段。这是通过这种方式实现的：tostring(customDimensions.content.customid)。所以您的最终查询将如下所示：
// Synthetic data - don't copy this part
let customEvents =
datatable (timestamp:datetime, name:string, operation_Id:string, customDimensions:dynamic)[
datetime(2022-01-23T19:50:33.481Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"25X24","content":{"customid":"FB","contentName":" "}}),
datetime(2022-01-23T19:50:35.225Z), 'not_specified', "849c4fde676a4cb691d95daa763ed627", dynamic({"baseTypeSource":"ClickEvent","clickCoordinates":"37X86","content":{"customid":"Linkedin","contentName":" "}})
];
let pageViews =
datatable (timestamp:datetime, operation_Id:string, client_City:string) [
datetime(2022-01-23T19:49:42.075Z), "849c4fde676a4cb691d95daa763ed627", "Chicago"
];
// This is the real query
let namesPerOperationId =
customEvents
| extend customDimensions = tostring(customDimensions.content.customid)
| summarize make_set(customDimensions) by operation_Id;
pageViews
| lookup (namesPerOperationId) on operation_Id
结果：
| timestamp | operation_Id | client_City | set_customDimensions |
|---|---|---|---|
| 2022-01-23 19:49:42.0750000 | 849c4fde676a4cb691d95daa763ed627 | Chicago | [ "FB", "Linkedin" ] |