愚钝拙言，闲逛人间

（写的什么乱七八糟的东西啊，果然想法落到纸上还是与其在脑子里的状态不一样，先把所有的想法先写下来再说吧）

• （需求与产品）需求驱动产品的生产，产品占有市场较大份额，同步验证了产品的有效性和满足了用户需求

• （销售与营销）2B公司销售具有较大的话语权，营销（数字营销）的作用不那么显性化，在经费和效果不足的情况下，怎样的突破现在的情况，增加数字营销的投入？数字营销对2B公司究竟有没有效果，效果可以这样体现，数字营销给公司带来的最大的作用是什么？

• （产品与营销）公司分工非常细分，产品研发与产品销售分开，数字营销是基于什么目的在推广呢，Target audience又是什么呢，潜在用户，影响者，KOL或者购买决策者，针对不同的用户群体，我们使用怎样不同的营销方案来触达和影响呢？数字营销是基于用户的需求在曝光产品么，还是基于我们认为的用户的需求呢。如果给予用户的需求，是基于用户的痛点问题么，还是认为用户的兴趣方向点，用户的需求和兴趣点是一致的么；

• （营销与需求）优质的产品和营销之间形成势能，产品优秀，营销将会事半功倍。产品基于需求，营销是针对用户需求和痛点问题个性化曝光信息，增加用户的品牌认知以及增加沟通渠道。公司细分，营销脱离与需求，多偏好于产品，那么营销是否容易变成空中楼阁，花红柳绿不过好看？

• （数字营销与2B）社交媒体的盛行，人与人的交流方式和信息获取方式有了崭新的变化，在这种情况下，2B公司是否需要数字营销？数字营销的定义是什么，是数字化手段的营销方式，还是偏向于一个渠道呢？

有人的地方就会有江湖。

时常被各种复杂的关系所套牢，
如果你在乎，你就深陷其中，
如果你不在乎，不知道什么时候你就已经被游离。

说起来矫情，在这个年纪了，还是讨厌这种冗杂的游戏规则。
离开家乡的阿姨的嘴，也逃不过身边复杂的牵手。

终有一天，我一定要有，想离开就离开的勇气和底气。
而不是在这种复杂的环境里，战战兢兢，身心俱疲，苍老颓颓。

蝉蛹里的生活，也许缠绕着死去，也许破茧而出。

刚刚发出最后一封邮件，1点的凌晨，有一点的清醒

耳边绕着音乐，庆幸，没有吵醒这个夜晚的寂静

深秋的上海，和北京大不相同：
在北京，暖气应该来了吧，大衣也可以背出门了
而上海的此刻，我穿着长袖的睡衣，盘腿坐在椅子上，窗外的风撩动窗帘，并不冷

连续的加班，让情绪似乎要到了一个临界点
神经绷绷的，却长时间怠懒思考

好想做一个米虫啊，
面朝大海，我吃的很少
春暖花开，还可以少吃点

之前使用的是网易云外链链接，点击查看文章尾部如何使用，发现很受版权的限制，QQ音乐无法生成外链。

遂，试试看使用插件来插入音乐。

下载hexo-tag-aplayer

进入博客根目录：
npm install --save hexo-tag-aplayer

在根目录的_config.yml中增加

1
2
3

# 音乐播放器
aplayer:
  meting: true

在博客中增加音乐

可用模板

1

{% meting "歌曲id" "netease（音乐平台）" "song" "theme:#555" "mutex:true" "listmaxheight:340px" "preload:auto" %}

音乐平台：
netease, tencent, kugou, xiami, baidu

具体参数等参考文档

注册登陆DaoVoice

注册地址

在博客/themes/next/layout/_partials/head/head.swig增加代码

1
2
3
4
5
6
7
8

{% if theme.daovoice %}
 <script>(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/b6dbddb6.js","daovoice")
 daovoice('init', {
  app_id: "用户ID"
});
daovoice('update');
 </script>
{% endif %}

如图所示：

<img src=’/img/daovoice.png’, height= ‘75%’, width = ‘75%’>

修改主题配置文件

在/themes/next/_config.yml

1
2

daovoice: true
daovoice_app_id: 用户ID

微信消息提醒

可以绑定微信，以及默认将信息分派给自己，这样就可以用微信接收网站聊天信息了

修改聊天图标设置

应用设置-聊天设置中进行简单的设置

效果如首页

使用hexo-tag-cloud插件

hexo-tag-cloud github 地址

安装hexo-tag-cloud

进入到博客根目录，安装
npm install hexo-tag-cloud@^2.0.* --save

插件配置

在主题文件夹找到文件 theme/next/layout/_macro/sidebar.swig, 然后添加如下代码：

1
2
3
4
5
6
7
8
9
10
11
12
13

{% if site.tags.length > 1 %}
<script type="text/javascript" charset="utf-8" src="/js/tagcloud.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/tagcanvas.js"></script>
<div class="widget-wrap">
    <h3 class="widget-title">Tag Cloud</h3>
    <div id="myCanvasContainer" class="widget tagcloud">
        <canvas width="250" height="250" id="resCanvas" style="width=100%">
            {{ list_tags() }}
        </canvas>
    </div>
</div>
{% endif %}

到倒数第四行，在以下字符前，

1
2
3

    </div>
  </aside>
{% endmacro %}

主题配置

博客根目录的——config.yml

1
2
3
4
5
6
7

# hexo-tag-cloud
tag_cloud:
    textFont: Trebuchet MS, Helvetica
    textColor: '#333'
    textHeight: 25
    outlineColor: '#E2E1D1'
    maxSpeed: 0.1

安装next主题

下载 next主题

1
2

cd  xxxx/themes
git clone https://github.com/theme-next/hexo-theme-next themes/next

编辑主题
在hexo/_config.yml中修改

theme: next

Menu更新

tags：

1. 创建tags页面
   hexo new page tags

2. 编辑tags/index.md

about: 类同于tags页面创建

Social图标修改

在增加的对应的渠道后面加上“|| icons”
icons可以在这里查找

搜索

1、hexo目录下，安装搜索插件
npm install hexo-generator-searchdb --save

2、编辑hexo/_config.yml，添加

1
2
3
4
5
6

# local search
search:
  path: search.xml
  field: post
  format: html
  limit: 10000

安装的时候显示：

1
2
3
4

zlib: Cannot read property 'length' of null

npm ERR! A complete log of this run can be found in:
npm ERR!     /xxxx/.npm/_logs/2019-10-23T00_54_05_567Z-debug.log

已解决，详见解决 zlib: Cannot read property 'length' of null

各板块透明度修改

内容板块透明
根博客目录themes\next\source\css\_schemes\Pisces\_layout.styl文件.content-wrap标签下background: white修改为：

background: rgba(255,255,255,0.7); //0.7是透明度

菜单栏背景
根博客目录themes\next\source\css\_schemes\Pisces\_layout.styl文件.header-inner标签下background: white修改为：

background: rgba(255,255,255,0.7); //0.7是透明度

站点概况背景
根博客目录themes\next\source\css\_schemes\Pisces\_sidebar.styl文件.sidebar-inner标签下background: white修改为：

background: rgba(255,255,255,0.7); //0.7是透明度

修改根博客目录themes\next\source\css\_schemes\Pisces\_layout.styl文件.sidebar标签下background: $body-bg-color修改为：

background: rgba(255,255,255,0.7); //0.7是透明度

底部字数显示：
安装插件没有成功，似乎仍然是npm的原因

加入valine在线评论

1. 去LeanCloud注册一个帐号.然后再创建一个应用，获取appid 和appkey，
2. 在themes/next/_config.yml中的valine中配置

前端显示：Code 504: The app is archived, please restore in console before use.
解决办法：在leancloud的应用里重新激活

邮件提醒
略

语言设置
在根目录_config.yml设置language: zh-CN

底部跳动图标实现未完成

1. 已修改next\source\css_variables\custom.styl的css文件，增加以下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

//底部爱心小图标跳动
keyframes heartAnimate {
    0%,100%{transform:scale(1);}
    10%,30%{transform:scale(0.9);}
    20%,40%,60%,80%{transform:scale(1.1);}
    50%,70%{transform:scale(1.1);}
}

//图标所对应的span中的ID
#heart {
    animation: heartAnimate 1.33s ease-in-out infinite;
}
.with-love {
    color: rgb(255, 113, 113);
}

2. 底部为增加对应的ID

修改界面内容默认的设置【没有起效果】

在themes\next\source\css\_custom的custom.styl添加下面参数

1
2
3
4
5

// 屏幕宽度小于1600px
$content-desktop = 700px

// 屏幕宽度大于或等于 1600px
$content-desktop-large = 900px

已解决：
当使用 Mist 和 Muse时候用上面那段话，当使用Pisces 和 Gemini 风格时增加以下内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

.header{
    width: 90%;
    +tablet() {
        width: 100%;
    }
    +mobile() {
        width: 100%;
    }
}
.container .main-inner {
    width: 90%;
    +tablet() {
        width: 100%;
    }
    +mobile() {
        width: 100%;
    }
}
.content-wrap {
    width: calc(100% - 260px);
    +tablet() {
        width: 100%;
    }
    +mobile() {
        width: 100%;
    }
}

修改背景样式

修改themes\next\source\css\ _custom\custom.styl文件，这个是Next故意留给用户自己个性化定制一些样式的文件，添加以下代码：

1
2
3
4
5
6
7

body {
    background:url(https://source.unsplash.com/random/1600x900);
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
    background-size:cover;
}

参数
url：可更换为自己喜欢的图片的地址。
repeat：是否重复出现
attachment：定义背景图片随滚动轴的移动方式
position：设置背景图像的起始位置。
background-size:cover 为可能有助于大分辨率下背景图的显示

背景效果设置：
‘themes\next_config.yml ‘中找到canvas

字体不闪动设置

修改文件next/source/css/_common/components/post/post-reward.styl，然后注释其中的函数wechat:hover和alipay:hover，如下：

1
2
3
4
5
6
7
8
9
10
11
12

/* 注释文字闪动函数
#wechat:hover p{
animation: roll 0.1s infinite linear;
-webkit-animation: roll 0.1s infinite linear;
-moz-animation: roll 0.1s infinite linear;
}
#alipay:hover p{
animation: roll 0.1s infinite linear;
-webkit-animation: roll 0.1s infinite linear;
-moz-animation: roll 0.1s infinite linear;
}
*/

解决zlib: Cannot read property 'length' of null

用npm安装什么都显示这样，是nodejs版本不够 github issue

stack中的解决方案
方案一：

1
2
3

sudo npm install n -g
sudo n stable 安装稳定版本
或 sudo n latest 安装最新版本

失败，仍旧显示同样错误

方案二：
不使用sudo

step1: 下载 nvm（node version manager）
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash

step2: 安装最新的node.js版本
nvm install stable

取消点击效果

fireworks: false

这份工作已经进入尾声，在过去的一年多里，公司给我展示了一个跨国大公司在业务和营销的专业性。
我把线下会digital部分的工作内容和tips整理下来，回顾复盘。
意义不累述。

• 会前

  • 准备阶段：需求梳理+供应商选择+方案

  • eDM制作：设计+文案+发送+用户注册

  • 注册数据：流程+审核（Y or N）+报告

  • 选课（Y or N)：逻辑+设计+开发

  • 官网页面制作

  • 微网站平台搭建：需求梳理+资料收集+权限管理+设计开发

    • 嫁接平台：小程序 or H5，公众号 or 企业号
    • 常用版块：日程+个人中心+精彩时刻+调查问卷+会场概览+展区资料+（现场互动+合作伙伴+直播页面）
    • 权限管理：微信权限、个性化信息、参会/非参会人员

  • 现场注册人员的培训：签到流程+培训手册

  • 市场推广：内部渠道（Marketo + IC+微信微博等）+ 外部渠道

    • 物料制作：各渠道物料的需求收集+ 制作+发放
    • 市场推广时间和物料的监控：（上线报告）
    • Performance的监控
    • 数据分析+汇总报告

  • 其他

留坑待填

在做营销自动化（Sales & Marketing Automation）的过程中，整理了用户相关的一些思考。
关于渠道，营销自动化更多的基于邮件营销在做，也在和微信打通，多渠道集成的过程中。
关于用户，新客成本越来越高，旧用户的运营绝对是未来的一个很重要的方向。如何让旧用户的粘性越来越高，如何让旧用户再次消费，如何让旧用户继续产生价值，这些都是值得我们思考的问题。

2B的营销自动化，还在比较新的一个阶段，大家也都是在探索阶段。来这家公司，也是我第一次接触营销自动化，从不看好邮件营销，到现在觉得邮件营销还是有所可为，也经历了一个比较长的阶段。但仍是处于非常懵懂的阶段。

我把对于用户的相关思考也整理如下，一个是回顾复盘，一个也希望在未来可以有更深入的思考。

营销自动化

• 增加新用户/培育旧用户

• 为什么邮件营销是被低估的渠道

  • 成本低、速度快
  • 投放精准、内容丰富
  • 主动性强，连续推销
  • 点对点的私域流量
  • 异步消息，人群更加精准
  • 内容质量更高（邮件营销而非垃圾邮件）

• 营销自动化，多渠道触达

  • 邮件渠道
  • 微信公众号

用户质量

• 用户来源的质量分析

• 媒体用户质量分析

• active or engage用户数字

• 用户质量控制

用户生命周期

• 常见的产业生命周期/产品生命周期
• 用户生命周期，（循环式上升的生命周期better）
• 用户价值
  • 举例：RIO & LTV （用户终身价值）
  • 公司SMA对于revenue的贡献（数据）

用户分层+对应nurture策略

• 用户分层+策略
• 用户筛选
  • nurture stream 用户标签筛选+（行为偏好筛选）
  • 用户阶段性筛选

用户画像

• 用户画像完善
  • 举例说明用户画像的价值（+用户标签使用）
  • SMA现在的情况
  • 如何完善用户画像
  • 用户标签

关键群体的用户激活/用户培育

• Person score 0-20分用户 用户激活
• Person score 20 -40分，demographic score/behavior score 二维分析
• Oil&Gas/data center segment nurture
• data center>Person score 75分用户，探索

从数据看效果

• A/B test
  • 小红书的案例
  • 2018年SMA的A/B test
• Key数字：Open rate/ Click rate/ CTO
  • 2018年SMA的表现
  • 从rate看效果
  • 精准化筛选人群效果分析

Learning + 接下来的方向

• 用户质量控制
• 用户行为分析—>丰满用户画像
• 用户活跃性评估维度多元化
• 用户标签管理：个人信息标签片面式–>综合性标签推送—>标签模糊化，大数据推送
• 用户分层营销策略流程化+关键人群用户流程化
• CMS（Content Management System），碎片化内容—>内容系统化管理