asyncomplete.vimとvim-vsnipでLSPの穴開き形式の補完候補とスニペットを使いたい

前提・実現したいこと

LSPのサーバから返される穴開き形式の補完候補やスニペットを展開できるようにしたいと思っています。Vim をモダンな IDE に変える LSP の設定を参考にしつつ、asyncomplete.vimと、vim-vsnipを組み合わせて、次のデモページのような補完候補の展開をしたいのですがうまく行かず、設定の不足・誤りがあれば知りたいと思って質問をしました。

vim-vsnipのLSP integrationのデモ

発生している問題・エラーメッセージ

エラーは出ていないのですが、補完候補の展開がうまくいきませんでした。
次のスクリーンキャストのように展開に失敗してしまいます。

プレースホルダ付きの補完を行おうとしているところ

こちらはvim-vsinpのデモに沿ってextendを展開しようとしているのですが、<C-l>でも<C-j>でも<C-k>でも展開されませんでした。代わりに制御文字のようなものや関数名のようなものが入力されます。
vim-vsnipとvim-vsnip-integを入れてからポップアップに~がつくものが出てくるようになったので、これが穴開き形式の補完候補か、と思っているのですが、これがそもそも誤解でしょうか。

スニペットの展開を行おうとしているところ

こちらは#includeのスニペットの展開をしようとしています。<C-l>はうまく展開できるのですが、マッピングしたい<C-j>と<C-k>では展開されませんでした。代わりに制御文字のようなものや関数名のようなものが入力されます。

該当のソースコード

次のような設定をしています。

vim
1".vimrc
2language C
3
4if !filereadable('plug.vim')
5  silent !curl --insecure -fLo plug.vim
6    \  https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim
7endif
8source plug.vim
9
10call plug#begin('./plug')
11Plug 'hrsh7th/vim-vsnip'
12Plug 'hrsh7th/vim-vsnip-integ'
13Plug 'prabirshrestha/asyncomplete-lsp.vim'
14Plug 'prabirshrestha/asyncomplete.vim'
15Plug 'prabirshrestha/vim-lsp'
16Plug 'mattn/vim-lsp-settings'
17call plug#end()
18
19" 可能ならC-jかC-kかC-,でマッピングしたい。
20imap <expr> <C-l>   vsnip#available(1)  ? '<Plug>(vsnip-expand-or-jump)' : '<C-l>'
21smap <expr> <C-l>   vsnip#available(1)  ? '<Plug>(vsnip-expand-or-jump)' : '<C-l>'
22
23imap <expr> <C-j>   vsnip#available(1)  ? '<Plug>(vsnip-expand-or-jump)' : '<C-j>'
24smap <expr> <C-j>   vsnip#available(1)  ? '<Plug>(vsnip-expand-or-jump)' : '<C-j>'
25
26imap <expr> <C-k>   vsnip#available(1)  ? '<Plug>(vsnip-expand-or-jump)' : '<C-k>'
27smap <expr> <C-k>   vsnip#available(1)  ? '<Plug>(vsnip-expand-or-jump)' : '<C-k>'