javascript 优化X：BlueKai集成（异步）：等待CoreTag
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 优化X：BlueKai集成（异步）：等待CoreTag相关的知识，希望对你有一定的参考价值。
/*
###############################################################################################
### ORACLE BLUEKAI : OPTIMIZELY X : JSON Return handler : Async : Fire after CoreTag Loaded ###
###############################################################################################
Author : roshan.gonsalkorale@oracle.com
Notes:
- Will await BlueKai CoreTag to fire then called BlueKai JSON Return tag asynchronously (http://tags.bluekai.com/site/XXXXX?ret=js&limit=1)
- Sends data via window["optimizely"].push() (https://developers.optimizely.com/x/solutions/javascript/reference/index.html#function_setuser)
- Will send each category ID and campaign ID as "bluekai_category_XXXXXX" or "bluekai_campaign_XXXXXX" (e.g. "bluekai_category_123456")
- In Optimizely you will need to build audiences based on these custom attributes (https://help.optimizely.com/Target_Your_Visitors/Custom_Attributes%3A_Capture_visitor_data_through_the_API_in_Optimizely_X)
- Code can be cut and pasted in "Settings > Javascript" in Optimizely X
- For debugging, add 'bk_optimizely_logger=true' as a query-string parameter in the URL
Requirements:
- BlueKai CoreTag must fire following code in order to work (https://gist.github.com/roshanbluekai/5ae49313937261a8e3c974af8e488da4)
*/
// CONFIG : EDIT THIS PART
// Create object to store functions
window.bk_optimizely_integration = {};
window.bk_optimizely_integration.functions = {};
window.bk_optimizely_integration.data = {};
window.bk_optimizely_integration.data.bkuuid_caller = window.bk_optimizely_integration.data.bkuuid_caller || {}; // Allow JSON Return Tag to fire
window.bk_optimizely_integration.bluekai_jsonreturn_id = "39538"; // CHANGE TO YOUR ID
/*
##########################################################################################
DO NOT EDIT BELOW THIS LINE
##########################################################################################
*/
// FUNCTION : Logger
bk_optimizely_integration.functions.logger = function(message,attribute_object) {
if(document.location.href.indexOf('bk_optimizely_logger=true') > -1){
//session cookie
document.cookie = "bk_optimizely_logger=" + "true" +
";path=/;domain=" + document.domain + ";expires=";
}
if (document.cookie.indexOf('bk_optimizely_logger=true') > -1) {
if(typeof attribute_object === "undefined"){
console.log(message);
} else {
for (varName in attribute_object){
console.log(message + varName + "=" + attribute_object[varName]);
}
}
}
};
// FUNCTION : Parse BlueKai data and send to OPTIMIZELY
bk_optimizely_integration.functions.parseBkResults = function() {
// Parse BlueKai Campaign Results
window.bk_optimizely_integration.data.bluekai_category_ids = [];
window.bk_optimizely_integration.data.bluekai_campaign_ids = [];
if (typeof(bk_results) != "undefined") {
if (typeof(bk_results.campaigns[0]) != "undefined") {
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : 'bk_results' object found");
for (var i = 0; i < bk_results.campaigns.length; i++) {
window.bk_optimizely_integration.data.bluekai_campaign_ids.push(bk_results.campaigns[i].campaign);
for (var j = 0; j < bk_results.campaigns[i].categories.length; j++) {
if (typeof(bk_results.campaigns[i].categories[j].categoryID) != "undefined") {
window.bk_optimizely_integration.data.bluekai_category_ids.push(bk_results.campaigns[i].categories[j].categoryID);
}
}
}
bk_optimizely_integration.functions.sendOptimizely(); // Send data to Optimizely
} else {
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : No campaigns object");
}
} else {
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : No 'bk_results' object");
}
};
bk_optimizely_integration.functions.sendOptimizely = function() {
// Parse BlueKai Campaign Results
if (window["optimizely"] && typeof window["optimizely"].push === "function") {
// Create Attributes object
var bk_opt_attributes = {};
// Shorten var names
var bk_campaigns_ids = window.bk_optimizely_integration.data.bluekai_campaign_ids;
var bk_category_ids = window.bk_optimizely_integration.data.bluekai_category_ids;
if(bk_campaigns_ids.length > bk_category_ids.length){
var bk_array_length = bk_campaigns_ids.length;
} else {var bk_array_length = bk_category_ids.length;}
for (var i = 0; i < bk_array_length; i++) {
if(bk_campaigns_ids[i]){
bk_opt_attributes['bluekai_campaign_' + bk_campaigns_ids[i]] = "true";
}
if(bk_category_ids[i]){
bk_opt_attributes['bluekai_category_' + bk_category_ids[i]] = "true";
}
}
window["optimizely"].push({
"type": "user",
"attributes": bk_opt_attributes
});
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : Sending Campaign/Category IDs to Optimizely");
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : 'window['optimizely'].push({'type': 'user','attributes': SEE ATTRIBUTES BELOW});'");
bk_optimizely_integration.functions.logger(bk_opt_attributes);
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : Attribute Sent : ",bk_opt_attributes);
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : Data Sent");
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : Please see https://developers.optimizely.com/x/solutions/javascript/reference/index.html#function_setuser for details on this API call");
} else {
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : optimizely.window.push() doesn't exist");
}
};
// FUNCTION : Call BlueKai
bk_optimizely_integration.functions.callBlueKai = function(bluekai_jsonreturn_id) {
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : Calling JSON Return tag");
var bk_json_ret = document.createElement("script");
bk_json_ret.type = "text/javascript";
bk_json_ret.onload = function() {
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : JSON Return tag loaded");
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : Parsing 'bk_results'");
bk_optimizely_integration.functions.parseBkResults(); // Parse results
};
bk_json_ret.src = "//tags.bluekai.com/site/" + bluekai_jsonreturn_id + "?ret=js&limit=1&integration=optimizely_via_coretag";
document.head.appendChild(bk_json_ret);
};
// FUNCTION : BKUUID Parent Receiver
window.bk_optimizely_integration.functions.jsonreturn_fire = function(event) {
if (event.origin.indexOf("tags.bluekai.com") > -1) {
if (window.bk_optimizely_integration.data.__bluekai_data_sent === false && event.data.source === 'bluekai_coretag_completed') {
bk_optimizely_integration.functions.logger("BLUEKAI OPTIMIZELY : Received confirmation BlueKai Coretag has fired");
bk_optimizely_integration.functions.callBlueKai(window.bk_optimizely_integration.bluekai_jsonreturn_id);
window.bk_optimizely_integration.data.__bluekai_data_sent = true;
}
}
};
// ### EXECUTION ###
window.bk_optimizely_integration.data.__bluekai_data_sent = false;
addEventListener('message', window.bk_optimizely_integration.functions.jsonreturn_fire, false);
以上是关于javascript 优化X：BlueKai集成（异步）：等待CoreTag的主要内容，如果未能解决你的问题，请参考以下文章
html 优化X：BlueKai标签已加载（通过BlueKai激活'标签'）
html BlueKai Google Analytics集成代码（gtag.js）
javascript BlueKai API Caller（Javascript）
javascript BlueKai CoreTag - 付费与自然搜索